贪吃蛇之随机产生小方块

 //产生随机数的对象
((function () {
    //1.产生随机数的构造函数
    function Suiji() {

    }
    //2.在原型这种添加方法
    Suiji.prototype.getSuiji=function (min,max) {
        return parseInt(Math.random()*(max-min)+min)
    }
    //3.把局部变量暴露给window
    window.Suiji=Suiji;
})())
//4.打印随机对象
var sj=new Suiji();


//产生小方块的对象
((function () {
    //1.产生小方块的构造函数，
    function Fang(width,height,color,x,y) {
        this.width=width||20;
        this.height=height||20;
        this.color=color||"green";
        this.x=x||0;
        this.y=y||0;
        //创建一个小方块的盒子
        this.element=document.createElement("div")
    }
    //2.设置效果和位置 在大盒子里显示
    Fang.prototype.show=function (map) {
        this.element.style.width=this.width+"px";
        this.element.style.height=this.height+"px";
        this.element.style.backgroundColor=this.color;
        this.element.style.position="absolute";
        //把小方块添加到大盒子里
        map.appendChild(this.element);

        //设置在大盒子里随机的位置
        this.weizhi(map);
    }
    //3.产生随机的位置 ,在大盒子里
    Fang.prototype.weizhi=function (map) {
        //计算 x ，y 的位置 区间0-39
        this.x=sj.getSuiji(0,map.offsetWidth/this.width)*this.width;
        this.y=sj.getSuiji(0,map.offsetHeight/this.height)*this.height;

        this.element.style.left=this.x+"px";
        this.element.style.top=this.y+"px";
    }
    //4.实例化对象
    var fang=new Fang();
    fang.show(document.getElementById("map"));
})())