Помогите объяснить все теги
<!DOCTYPE html>
<html> <head> <title>Квадрат!</title> <style type="text/css"> div{ height: 200px; width: 200px; background-color:white; } </style> <script> addEventListener('DOMContentLoaded', function() { const elem = document.querySelector('div'), size = [innerWidth - 100, innerHeight - 100], random = a => a * Math.random()|0, timer = () => { const [left, top] = size.map(random); elem.style.transform = `translate(${left}px, ${top}px`; }; elem.addEventListener('click',timer) }); </script> </head> <body bgcolor =#000000;> <div><center><h3>I AM<p>KVADRAT</h3></center></div> </body> </html> |
div, это ты задаешь размеры фигуры и ее основные параметры, далее ты создаешь константы и таймер, константа это не изменяемая ни при каком случаи переменная,далее у тебя идет elem.addEventListener('click',timer), при помощи него ты при нажатии на него заставляешь работать функцию прописанную сзади, т.е. ты заставляешь анимацию переместится, а <div><center><h3>I AM<p>KVADRAT</h3></center></div>, это у тебя текст который ты выводишь на анимацию и задаешь шрифт и ее расположение
|
| Часовой пояс GMT +3, время: 02:13. |