vs代码终端控制台无法使用javascript

时间:2020-10-01 07:56:54

标签: javascript visual-studio-code terminal

所以我安装了代码运行程序扩展,并想在vscode中尝试javascript,令我惊讶的是您无法在输出部分中编写代码,所以我切换到了终端。我右键单击我的js文件,然后选择“在集成终端中打开”,我写了一个代码段

document.firstElementChild.lastElementChild.lastElementChild.lastElementChild.innerHTML = "Angela";

它向我展示的第一件事是: angela-error

所以我清理了它并编写了另一个代码,即fizzBu​​zz。当我运行fizzBuzz();时,它会告诉我

'('之后应为表达式。 + CategoryInfo:ParserError:(:) [],ParentContainsErrorRecordException + FullyQualifiedErrorId:ExpectedExpression

我不知道那是什么意思。 因此,我尝试了以下操作:var heading = document.firstElementChild.lastElementChild.firstElementChild;,当我在控制台中调用标题时,再次发生:heading-error

我的目录将是图像3。directory

fizzBu​​zz的代码也将在这里:

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中工作。 我也知道这都是凌乱的,所以请原谅我的凌乱,业余知识! 谢谢大家。

0 个答案:

没有答案