Невозможно прочитать свойство 'addEventListener' со значением NULL, хотя у меня есть ссылка на правильный идентификатор элемента - PullRequest
Новая
       12

Невозможно прочитать свойство 'addEventListener' со значением NULL, хотя у меня есть ссылка на правильный идентификатор элемента

0 голосов
/ 19 февраля 2019

Я получаю сообщение об ошибке «Uncaught TypeError: Cannot read property 'addEventListener' of null», даже если я правильно пометил свой элемент формы с помощью «id =» myForm »и пытаюсь получить форму через документ.getElementById ('myForm').

HTML: 

       <div class="jumbotron">
        <h2>Bookmark Your Favorite Sites</h2>
        <form id="myForm">
            <div class="form-group">
                <label>Site Name</label>
                <input type="text" class="form-conrol" id="siteName" placeholder="Website Name">
            </div>
            <div class="form-group">
                <label>Site URL</label>
                <input type="text" class="form-conrol" id="siteUrl" placeholder="Website URL">
            </div>
            <button type="submit" class="btn btn-primary">Submit</button>
        </form>
    </div>

Javascript: 

// Listen for form submit
document.getElementById('myForm').addEventListener('submit', saveBookmark);

//Save bookmark
function saveBookmark(e){
   console.log("It works"); //Test to see if it works

//Prevent form from submitting
e.preventDefault();
}

Я ожидаю увидеть "Это работает", зарегистрировано в консоли, но вместо этогоЯ получаю ошибку, описанную выше.

...