Question

我一直在通过Udemy Web开发Bootcamp进行工作，我所在的部门要求我们列出“待办事项”列表，以便我们可以练习创建数组，添加数组以及从中删除数组等等。 ..

我了解讲师编写的代码，并且已经将我的代码与他的代码进行了比较，发现没有区别。

但是，在他的版本中，当他打开Chrome开发者控制台并在提示中键入输入时，控制台会做出相应的反应（即返回值或评估表达式），但是当我这样做时，什么都没有显示。 / p>

提示框具有响应性，并且可以理解我的条件，因为它会根据我输入的内容而变化，但是控制台中什么都没有显示。

你能帮我吗？这是我的第一个Stack Overflow帖子，请保持警惕！

谢谢，杰克

    <!DOCTYPE html>
<html>
 <head>
   <title> To Do List</title>
   <script type="text/javascript" src="script.js"></script>
 </head>
<body>

    <h1>To Do List</h1>

    <ul>
        <li>"New" - Add Item</li>
        <li>"List" - View List</li>
        <li>"Quit" - Quit App</li>
    </ul>




</body>

</html>

    var todos = ["Buy New Turtle"];

var input = prompt("What would you like to do?");

while(input !== "quit"){
    if(input === "list") {
        console.log(todos);
    } else if(input === "new") {
        var newTodo = prompt("Enter new todo");
        todos.push(newTodo);
    }  

    //run code again
    input = prompt("What would you like to do?");
}
console.log("Okay, you Quit the App");

Answer 1

您已经通过放置<script type="text/javascript" src="script.js"></script>包含了一个js文件，但是html文件底部的代码无法正常工作，因为它需要用script标签包围。就是这样：

<script>
    var todos = ["Buy New Turtle"];

var input = prompt("What would you like to do?");

while(input !== "quit"){
    if(input === "list") {
        console.log(todos);
    } else if(input === "new") {
        var newTodo = prompt("Enter new todo");
        todos.push(newTodo);
    }  

    //run code again
    input = prompt("What would you like to do?");
}
console.log("Okay, you Quit the App");
</script>

还请注意，脚本标记应位于html标记内。

Answer 2

嗨，杰克：我已经通过在浏览器中运行来测试了您的代码。您所面临的问题将通过遵循@Sahee建议来解决。将您的代码移动到....标记之前并包含在其中。

您需要遵循两个规则。

所有脚本命令应始终位于....
网页中的所有html，css或javascript都应位于....标记之间。这些标签表示文档的开始和结束。 html之外的任何内容都可能导致意外行为。

JavaScript已链接，但不会显示在Chrome开发者控制台中

2 个答案: