Есть такой html код:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="script.js"></script>
</head>
<body>
<div id="text">Text</div>
</body>
</html>
И JavaScript код:
var text = document.querySelector('#text');
text.onclick = function(){
text.innerHTML = 'Some Content';
}
Пока пытаюсь понять основы. По идее при клике на блок #text должно поменяться содержимое блока. Но оно не меняется. Что не так?