即使我引用了正确的元素ID，也无法读取null的属性“ addEventListener”

Question

我一直收到“ Uncaught TypeError：无法读取null的属性'addEventListener'”错误消息，甚至以为我已将表单元素正确标记为“ 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();
} 

我希望在控制台中看到“它能正常工作”的记录，但我却收到了上述错误。