html代码:
<div id="count" style="text-align: center;font-size: 30px;color: blue;">你已经消灭了0个敌人</div>
<div style="text-align: center;margin: 20px 0;">
<button type="button" id="start_btn">开始游戏</button>
<button type="button" id="restart_btn">重新开始</button>
</div>
<div id="container">
<div id="link">
<img src="image/ren_q_1.gif" alt="" id="people">
</div>
<div id="isOver" style="position: absolute;left: 50%;top: 50%;font-size: 20px; color: red; font-weight: 500;text-align: center;transform: translate(-50%,-50%);">游戏结束您的得分为0分</div>
</div>
css代码:
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
margin: 0;
background-color: #d4d4d4;
}
html {
width: 100%;
height: 100%;
}
#link {
/* pointer-events: none; */
/* width: 50px; */
/* background-color: green; */
/* height: 50px; */
position: absolute;
left: 0;
top: 500px;
}
#container {
margin: auto;
width: 1000px;
height: 600px;
position: relative;
border: 10px solid #000;
}
js代码:
var start_btn = document.getElementById