Что не так я зделал в этом коде почему мой объект не хочет двигатся

Question

window.onload = function() {
var pos = 0
var box = document.getElementById('box') ;
var t = setInterval(move , 100)

function move() {
if(pos >= 150) {
clearInterval(t)
}
else {
pos += 1 ;
box.style.left = pos+'px'
}
}
};

Answer 1

Пропиши в стилях position: absolute для твоего box. Двигать объекты с помощью свойств top, left, right, bottom можно только таким образом. Либо, как альтернатива, можно изменять свойство margin-left а не left. Тогда, код функции move() будет следующим:

function move() {
if(pos >= 150) {
clearInterval(t)
}
else {
pos += 1 ;
box.style.marginLeft = pos+'px'
}
}