JavaScript связан, но не отображается в консоли разработчика Chrome

#javascript #arrays #google-chrome #chrome-dev-editor

#javascript #массивы #google-chrome #chrome-dev-editor

Вопрос:

Я пробивался через Udemy Web Development Bootcamp, и я нахожусь в подразделении, которое просит нас составить список дел, чтобы мы могли практиковаться в создании массивов, добавлении к ним и удалении из них и так далее…

Я понимаю код, написанный инструктором, и я проверил свой код по сравнению с его, и я не могу найти разницы.

Но в его версии, когда он открывает консоль разработчика Chrome и вводит входные данные в приглашения, консоль реагирует соответствующим образом (т. Е. Возвращает значения или вычисляет выражения), но когда я это делаю, ничего не отображается.

Окно запроса реагирует и понимает мои условия, потому что оно меняется в зависимости от того, что я ввожу, но в консоли ничего не отображается.

Вы можете мне помочь? Это мой первый пост о переполнении стека, так что будьте любезны!

Спасибо, Джейк

     <!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");

Ответ №1:

Вы включили один файл js, вставив <script type="text/javascript" src="script.js"></script> , но код в нижней части 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>

Также обратите внимание, что тег script должен находиться внутри тега html.

1. Извините, что я не уточнил это, но файл JS на самом деле является отдельным файлом в моей папке… Я просто вставил их оба сюда, чтобы у вас было все. Мне все еще нужно окружать его тегами скрипта?

2. Это своего рода поздний ответ, но да. Убедитесь, что тег script находится внизу тега body, чтобы это не вызвало никаких проблем.

Ответ №2:

Привет, Джейк: Я протестировал ваш код, запустив его в браузере. Проблема, с которой вы столкнулись, будет решена, следуя совету @Sahee. Переместите свой код до и заключенный в … теги.

Вам нужно следовать двум правилам.

Все команды скрипта всегда должны находиться между ….
Все на веб-странице, будь то html, CSS или javascript, должно быть между …. тегами. Эти теги обозначают начало и конец документа. Все, что находится за пределами html, может привести к неожиданному поведению.