Почему в моем коде есть неперехваченная ошибка ссылки, хотя я уже ссылался на newTODO в своем js-файле?

#javascript #html

#javascript #HTML

Вопрос:

 const itemCount = 0
const uncheckedCount = 0

//Update counter
function upDateCounter() {
  itemCountSpan.innerHTML = itemCount
  uncheckedCountSpan.innerHTML = uncheckedCount

// New ToDO
function newTODO(){
  var task = prompt("Enter ToDo", "New ToDo")
  if (task.lenght >0){
    itemCount  =1
    uncheckedCount = 1
    upDateCounter()
 
 <!DOCTYPE html>
<html>
  <head>
    <title>TODO App</title>
    <link rel="stylesheet" type="text/css" href="./styles.css" />
  </head>
  <body>
    <div class="container center">
      <h1 class="center title">My TODO App</h1>
      <div class="flow-right controls">
        <span>Item count: <span id="item-count">0</span></span>
        <span>Unchecked count: <span id="unchecked-count">0</span></span>
      </div>
      <button class="button center" onClick="newTODO()">New TODO</button>
      <ul id="todo-list" class="todo-list"></ul>
    </div>
    <script src="./script.js"></script>
  </body>
</html>
 

Ошибка появляется, когда я запускаю ее в Chrome, несмотря на наличие функции newTODO в файле JS и ссылки в HTML, при нажатии кнопки Help по-прежнему возникает ошибка!

Комментарии:

1. Похоже, вы не закрываете ни один из своих { JavaScript. Ваш upDateCounter и newTODO оба имеют совпадение { , но не совпадают } , и то же самое для вашего if-оператора.

2. Однако у вас есть еще одна ошибка. Вы пытаетесь изменить переменную , объявленную с const помощью .

Ответ №1:

Здесь:

  • Несоответствующие фигурные скобки
  • Вы модифицируете const
  • lenght должно быть length
 var itemCount = 0
var uncheckedCount = 0

//Update counter
function upDateCounter() {
  itemCountSpan.innerHTML = itemCount
  uncheckedCountSpan.innerHTML = uncheckedCount
}

// New ToDO
function newTODO(){
  var task = prompt("Enter ToDo", "New ToDo")
  if (task.length >0){
    itemCount  =1
    uncheckedCount = 1
    upDateCounter()
  }
}