Есть объект, при нажатии перед ним он движется вперед (вправо), при нажатии позади него - назад (влево).
var car = document.querySelector(".car");
var road = document.querySelector(".road");
car.style.left = '1px';
var go = new Object;
go = {
right : function(){
car.style.left = parseInt(car.style.left) + 20 + 'px';
},
left : function(){
car.style.left = parseInt(car.style.left) - 20 + 'px';
}
}
road.addEventListener('click', function(e){
var value = Math.round(e.pageX) + 'px';
if(value > car.style.left){
go.right();
}
if(value < car.style.left){
go.left();
}
}, false)
Но какое бы значение не передавал курсор (сзади или спереди объекта) он движется только влево. Подскажите как решить этот недочет?
if ('20px' > '13px')
, а нужно сравнить именно числа, а потом уже добавлять куда нужно пикселиnew Object
эквивалентно{}