Несмотря на то, что мой <script> находится после моего <div>, я получаю ошибку «TypeError: невозможно прочитать свойства ⇐ CSS

[Anonymous]

У меня есть следующий код, где размещается после моего , на который он ссылается в HTML-файле (оба внутри

Код: Выделить всё

), но браузер по-прежнему выдает прикрепленную ошибку.

Код: Выделить всё

A
B
O
U
T


function hoverWord() {
for (let i = 1; i < 7; i++) {
let letter = document.getElementById("l" + i.toString());
let x = Math.floor(Math.random() * 200) - 100;
let y = Math.floor(Math.random() * 200) - 100;
let deg = Math.floor(Math.random() * 100) - 50;
letter.style.translate = `${x}% ${y}% `;
letter.style.rotate = `${deg}deg`;
}
//document.getElementById("container").style.boxShadow = "120px 80px 40px 20px #0ff;";
}

function resetWord() {
for (let i = 1; i < 7; i++) {
let letter = document.getElementById("l" + i.toString());
letter.style.translate = `0% 0% `;
letter.style.rotate = `0deg`;
}
}
let container = document.getElementById("container");
container.addEventListener("mouseenter", () => {
hoverWord();
});

[img]https: //i.sstatic.net/HlVnKiiO.png[/img]

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

Подробнее здесь: https://stackoverflow.com/questions/786 ... annot-read