使用原生JS 制作点击飞船加分小游戏

制作效果如图所示

左上角为计分板

基本布置做出来后 下一步需要让飞机动起来 我们可以通过改变 飞机图片的相对于背景图的左 上端 位置值

          img.style.left = '50px';
            function move(){
   
                // console.log(img.style.left)
                 if( parseInt(img.style.left) > (screen.width - 50)) {
   
                     img.style.left = 0
                 }
                 img.style.left =  parseInt(img.style.left) + 6  + 'px' 
                  // 垂直方向的变化，top属性值从 100-80= 20(px) 变化到 100+80 = 180(px)
                 img.style.top