Текст не отображается в списке - TypeError

ff9878 спросил: 13 октября 2017 в 07:01 в: javascript

Я новичок в JavaScript, и у меня возникли проблемы с простым списком задач. Когда кнопка нажата, она должна вызвать функцию todoList и добавить элемент в неупорядоченный список. Вот мой HTML-код:

    function todoList(){
      var item = document.getElementById('todoInput').value
      var text = document.createTextNode(item)
      var newItem = document.createElement('li')
      newItem.appendChild(text)
      document.getElementById('todoList').appendChild(newItem)
    }

<!DOCTYPE html>
    <html>
      <head>
        <meta charset="UTF-8">
        <title>To Do List</title>
        <link rel="stylesheet" href="css/styles.css" type="text/css">
      </head>
      <body>
        <h1>To Do List</h1>
        <form id="todoForm">
          <input id="todoInput">
          <button type="button" onclick="todoList()">Add Task</button>
        </form>
        <ul id="todoList">
        </ul>
        <script type="text/javasript" src="index.js"></script>
      </body>
    </html>

И это моя функция todoList.

Когда я ввожу элемент и нажимаю на кнопку, я получаю необработанную ошибку типа в консоли. Что я тут не так сделал?

0 ответов