class Food{
    element:HTMLElement
    constructor(){
        this.element = document.querySelector('#food')!
    }

    // 获取食物当前的位置
    get X (){
        return this.element.offsetLeft
    }

    get Y (){
        return this.element.offsetTop
    }

    //修改食物的位置
    set X (value){
        this.element.style.left = value +'px'
    }
    set Y(value){
        this.element.style.top = value +'px'
    }

    /* 
        1.食物随机跳变
            分析:
                 - 跳变的范围 0-290
                 - 并且你要满足是10的倍数,因为设定
                    都一步为10格,要不然一直吃不到
    */
   foodRandom(){
        //生成随机数
        let left = Math.round(Math.random()*29)*10
        let top = Math.round(Math.random()*29)*10
        //设置food的位置
        this.X = left
        this.Y = top
   }

}

export default Food