Найти в Дзене
Дневник программиста
16 подписчиков

Двигающийся квадрат на HTML, CSS, JS.

1
~1 мин
ТЗ - создать HTML-страницу и на ней квадрат, который перемещается по нажатию ПКМ. <body onclick="moveMovve(event)"> <div id="movve"></div> </body> div{ width:50px; height:50px; background:red; position:absolute; } body{ position:relative; height:1000px; } function moveMovve(e){ movve.style.left = e.pageX + "px"; movve.style.top = e.pageY + "px"; } Ознакомиться с работай данного кода можно ТУТ.
Оглавление

ТЗ - создать HTML-страницу и на ней квадрат, который перемещается по нажатию ПКМ.

HTML

<body onclick="moveMovve(event)">
<div id="movve"></div>
</body>

CSS

-2
div{
width:50px;
height:50px;
background:red;
position:absolute;
}
body{
position:relative;
height:1000px;
}

JS

-3
function moveMovve(e){
movve.style.left = e.pageX + "px";
movve.style.top = e.pageY + "px";
}

Ознакомиться с работай данного кода можно ТУТ.