حرکت دادن ماشین JS

[Overflow 57]

سلام به همه دوستان انجمن

ما تو دانشگاه 3 واحد طراحی وب داریم که استاد یه تمرین داد با این موضوع :

که یه ماشین داریم قرار طول مرورگر رو عبور کنه و قتی به اخرش رسید از اون سمت بیاد بیرون و عکس این عمل. و این که کاربر بتونه سرعت ماشین رو کنترل کنه چه به سمت عقب چه به سمت جلو.

پ.ن: البته بدونه استفاده از هیچکدام از کتابخانه های جاوااسکریپت !

source رو اماده کردم میزارم اینجا امید وارم شاید یه زمانی به کار دوستان انجمن بیاد .

روز خوش

car1.rar

[hassannak 76]

دمت گرم خیلی با حاله میشه ازش تو وب هم استفاده کرد البته با تغیر تصاویر

[سعید شعبانی 2047]

خیلی جالب بود. راستش من با جاوا اسکریپت اصلا آشنا نیستم می شه کد هایی که توی این پروژه شما استفاده کردید را شرح بدید (به صورت مختصر) که هرکدوم چیکار می کنند؟

<script type="text/javascript">
var count=0;
function start(clicked_id){
//var sw  = parseInt(screen.width);
var sw  = parseInt(document.body.offsetWidth); // عرض مرورگر
var ew  = parseInt(document.getElementById('tst').style.width); // عرض ماشین
var pos = parseInt(document.getElementById('tst').style.left); // فاصله ماشین از سمت چپ
if(pos>sw){ // ورود ماشین پس از خروج از سمت راست
  pos=-127;
}
if(pos<-127){
  pos=sw;
}

if(clicked_id=="+"){
  count += 1;
}
if(clicked_id=="-"){
  count -= 1;
}
if(clicked_id=="*"){
  count = 0;
}
/*document.getElementById('kilomet').value = count;
document.getElementById('position').value = pos;*/
document.getElementById('tst').style.left=pos+count+"px";
}
function movement(){
  var int=setInterval("start()",300);
}
function stylez(){
var sh  = parseInt(document.body.offsetHeight);
document.getElementById('tst').style.top = (sh + 250)+"px";
}
</script>

[Morteza 34190]

توضیحات کنار خطوط اصلی هست

کجاش رو توضیح نیاز دارید؟ بگید تا توضیح بدم