用javascript做的一个简单的乒乓球游戏

  这是刚学JS一个星期的时候，易做图说现在就可以自己写一个乒乓球游戏，然后想了想花了2个小时把它写出来了，写完之后发现确实很简单很多东西就应该自己大胆的去写。做完之后，易做图让我给大家讲了一下，感觉好高兴啊！
   当时主要从下边几个方面讲的：1.原理2.实现3.内容。
  原理：1.让球一直碰撞反弹。2.通过键盘控制拍子的来回移动。3.判断输赢。
  实现：1.为了实现球的碰撞反弹，需要写出二个方法：上下移动和左右移动。
2.为了实现拍子的左右移动分别要写出四个方法：绿色球拍的左移动、右移动和黑色球拍的左移动、右移动。
3.为了能通过键盘控制拍子移动，需要写一个方法来实现这个键盘事件。
   内容：
1.碰撞反弹的实现。
2.判断输赢。
3.拍子如何左右移动。
4.键盘事件的实现。
    function move_lr(){    //球左右移动并且判断输赢           
        }
        function move_td(){//球的上下移动               
        }
        function move_t_l(){//绿方左移动           
        }
        function move_t_r(){//绿方右移动
           
        }
        function move_d_l(){//黑方左移动           
        }
        function move_d_r(){//黑方右移动           
        }
        function keyDown(e){//键盘事件           
        }
        function onload(){       
        }
部分JS代码如下：
 
function move_lr(){    //球左右移动
            if(lr){
                if(wscroll<=wid){
                    wscroll++;
                    divs[2].style.left=wscroll+"px";
                }
                else
                    lr=false;
            }
            else{
                if(wscroll>=0){
                    wscroll--;
                    divs[2].style.left=wscroll+"px";
                }
                else
                    lr=true;
            }
            if(hscroll==20){
                if (wscroll>=top_l-20&&wscroll<=top_r){
                    td=true;    
                }
                    
                else{
                    clearInterval(time1);
                    clearInterval(time2);
                    alert("绿方输了!!重玩按F5!!!");
                    }
            }
            else if(hscroll==260){
                if (wscroll>=down_l-20&&wscroll<=down_r)
                    td=false;
                else{
                    clearInterval(time1);
                    clearInterval(time2);
                    alert("黑方输了重玩按F5!!!");
                    }
            }
        }
 
        function move_td(){//球的上下移动
            if(td){
                if (hscroll<=hei)
                {
                    hscroll++;
                    divs[2].style.top=hscroll+"px";
                }
                else
                    td=false;
            }
            else{
       &nbs

补充：web前端 , JavaScript ,