所以我安装了代码运行程序扩展,并想在vscode中尝试javascript,令我惊讶的是您无法在输出部分中编写代码,所以我切换到了终端。我右键单击我的js文件,然后选择“在集成终端中打开”,我写了一个代码段
document.firstElementChild.lastElementChild.lastElementChild.lastElementChild.innerHTML = "Angela";
它向我展示的第一件事是: angela-error
所以我清理了它并编写了另一个代码,即fizzBuzz。当我运行fizzBuzz();
时,它会告诉我
'('之后应为表达式。 + CategoryInfo:ParserError:(:) [],ParentContainsErrorRecordException + FullyQualifiedErrorId:ExpectedExpression
我不知道那是什么意思。
因此,我尝试了以下操作:var heading = document.firstElementChild.lastElementChild.firstElementChild;
,当我在控制台中调用标题时,再次发生:heading-error
我的目录将是图像3。directory
fizzBuzz的代码也将在这里:
var output = [];
var count = 1;
function fizzBuzz() {
while (count <= 100) {
if (count % 3 == 0 && count % 5 == 0) {
output.push("fizzBuzz");
} else if (count % 3 == 0) {
output.push("fizz");
} else if (count % 5 == 0) {
output.push("buzz");
} else {
output.push(count);
}
count++;
}
console.log(output);
}
h1 {
color: red;
}
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>My Website</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Hello</h1>
<input type="checkbox">
<button style="color: red" ;>Click Me</button>
<ul>
<li class="list">
<a href="https://www.google.com">Google</a>
</li>
<li class="list">Second</li>
<li class="list">Third</li>
</ul>
<script src="index.js"></script>
</body>
</html>
请有人可以帮助我。以上所有我在chrome控制台中尝试过的方法都有效。但是如果可能的话,我很想在vscode中工作。 我也知道这都是凌乱的,所以请原谅我的凌乱,业余知识! 谢谢大家。