Написал все что мне нужно, только что то не могу вдуплить, как мне описать инструкцию что-бы рандомный колор менялся каждые 20 пикселей на новый. Ну и еще добавлю, что только на чистом js. Спасибо!
<!DOCTYPE html>
<html>
<head>
<title>Kwadrat - JS</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div id="but" style="position: absolute;width: 50px;height: 50px;"></div>
<script type="text/javascript">
var but = document.getElementById("but");
var direction;
var currentValue = 0;
var width = screen.width;
var maxwidth = width - 100;
var position = maxwidth /2;
but.style.background = "#" + Math.random().toString(16).slice(2, 8);
function run(){
if(currentValue === maxwidth) direction = -5;
if(currentValue === 0) direction = 5;
if (currentValue >= position) {
but.style.width = "100px";
but.style.height = "100px";
} else {
but.style.width = "50px";
but.style.height = "50px";
}
currentValue += direction;
but.style.left = currentValue + "px";
}
window.onload = function(){
var interval = setInterval(run,50);
};
</script>
</body>
</html>