0
0

Добрый день, прохожу онлайн курс js с нуля до результата. На уроке 3.1 возник вопрос, благодаря которому я не могу продвинуться также. Квадрат не перемещается вдоль обозначенной диагональной линии, хотя делаю все 1 в 1. Помогите, пожалуйста. Вот мой код:

Код HTML:

<body>
<button class="btn">Animation</button>
<div class="border">
<div class="box"></div>
</div>


<script src="js.js"></script>

Код Java Script:

let btn = document.querySelector('.btn'),
elem = document.querySelector('.box');

function myAnimation() {
let pos = 0;

let id = setInterval(frame, 10);

function frame () {
if (pos == 300) {
clearInterval(id);
} else {
pos++;
elem.style.top = pos + 'px';
elem.style.left = pos + 'px';

}
}
}
btn.addEventListener('click', myAnimation);

 


student_VFYdHWj7
4 years ago






вроде норм все, body, html - закрыты в конце?

файлы все в одной папке - т.е. js подключается?

что в итоге происходит при нажатии кнопки?

Кирилл Лавров
4 years ago

Кнопки работают, все точно также, но квадрат почему то не двигается по диагонали. В чем причина - я не пойму

student_VFYdHWj7
4 years ago

Код действительно рабочий. Возможно проблема в подключении файла: может js.js лежит внутри папки js?
Или совсем казуистический случай - вы используете браузер IE в котором выключены скрипты.

Иван Петриченко
4 years ago

3 ответов