js贪吃蛇

Document

*{
margin: 0;
padding: 0;
}
.wrap{
width: 600px;
margin: 0 auto;
position: relative;
}
p{
position: absolute;
left: 65%;
top: 10%;
}
h1{
text-align: center;
margin-bottom: 20px;
}
#score{
text-align: center;
font-size: 20px;
}
#map{
margin: 0 auto;
border: 1px solid skyblue;
}
.row{
height: 20px;
}
.col{
height: 20px;
width: 20px;
box-sizing:border-box;
border: 1px solid lightgray;
background: rgb(250,250,250);
float: left;
}
.activeSnake{
background:black;
}
.egg{
background: red;
}
#Pause{
margin-left: 18%;
border: 1px solid skyblue;
color: white;
background: skyblue;
width: 50px;
height: 30px;
margin-bottom: 10px;
border-radius: 5px;
}
#Start,#Refresh{
border: 1px solid skyblue;
background: skyblue;
color: white;
width: 50px;
height: 30px;
border-radius: 5px;
margin-left: 15px;
}

贪吃蛇游戏

score:0

var score = document.getElementById('score');
var map = document.getElementById('map');
var rownumber = 25;
var columnnumber = 20;
map.style.height = rownumber*20 + 'px';
map.style.width = columnnumber*20 + 'px';
var snakepositior = [];
for(var i=0; i