简单js之猜数字小游戏
1.
内容猜数字游戏现在已生成一个1-100的数
字，猜中有奖
2.CSS样式设置
#box{
width:225px;
height: 313px;
/*background: blue;
*/
margin:100px auto;
border: 1px solid black;
}
#title{
width: 180px;
height: 63px;
font-size:33px;
padding-left:45px ;
padding-top: 10px;
}
#text1{
width: 180;
height: 59px;
font-size: 14px;
padding: 0px 20px;
align-content: center;
}
P{
text-align: center;
}
#text{
width:225px ;
height: 55px;
/*background: blue;
*/
position: relative;
}
#text2{
width:104px ;
height: 53px;
position: relative;
left: 58px;
border: 1px solid black;
}
#button1{
width:225px ;
height: 42px;
/*background: blue;
*/
position: relative;
}
#right{
width: 104px;
height:27px ;
border: 1px solid black;
position: relative;
background: #ebebeb;
left: 58px;
top: 13px;
}#show{
width: 220px;
height: 60px;
border: none;
}
#showText{
width: 120px;
height: 54px;
position: relative;
left: 96px;
top: 10px;
font-size: 16px;
color: #958787;
}3.js设置
【简单js之猜数字小游戏】4.实现页面
文章图片
03-猜数字.png
推荐阅读
- 科学养胃，别被忽悠，其实真的很简单
- opencv|opencv C++模板匹配的简单实现
- 最喜6.8.9
- 松软可口易消化，无需烤箱超简单，新手麻麻也能轻松成功~
- 简单心理2019春A期+32+张荣
- 《算法》-图[有向图]
- android防止连续点击的简单实现（kotlin）
- 机器学习一些简单笔记
- Android超简单实现沉浸式状态栏
- v-charts简单使用