Я новичок в Javascript (и вообще программировании) и пытался понять, как работать с DOM. Извиняюсь, если это очень простая ошибка, но я оглянулся и не мог найти ответа.
Я пытаюсь использовать метод appendChild, чтобы добавить заголовок и текст абзаца в самый базовый HTML файл ниже.
<html>
<head>
<title>JS Practice</title>
</head>
<body>
<script src="script.js"></script>
<div id = "main">
<h1>Simple HTML Page</h1>
<p>This is a very simple HTML page.</p>
<p>It about as basic as they come. It has: </p>
<ul>
<li>An H1 Tag</li>
<li>Two paragraphs</li>
<li>An unordered list</li>
</ul>
</div>
<div id="javascript">
</div>
</body>
</html>
Вот код js:
var newHeading = document.createElement("h1");
var newParagraph = document.createElement("p");
newHeading.innerHTML = "New Heading!";
newParagraph.innerHTML = "Some text for a paragraph.";
document.getElementById("javascript").appendChild(newHeading);
document.getElementById("javascript").appendChild(newParagraph);
Запуск вызывает ошибку: "Невозможно вызвать метод appendChild" null "
Помощь? Я не могу понять, почему это не работает...