level 1
我也是学了没多久,楼主可以参考
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.box {
width: 350px;
height: 180px;
border: 3px solid rgb(120,158,181);
padding-left: 5px;
}
#btn {
margin-left: 5px;
}
#guess {
display: none;
}
</style>
</head>
<body>
<div class="wrap">
<div class="box">
<h4>猜数字</h4>
<p>系统已经生成了一个10以内的随机数,你来猜猜吧!</p>
<input type="text" id='text'><button id='btn'>确定</button>
<p>你猜了<span id='index'>0</span>次。<span id='guess'>猜对了,你真棒</span></p>
</div>
</div>
<script>
/*
1、定义num变量,获取1-10之间的随机数
2、点击确定按钮后,获取input属性值
3、定义变量获取答对次数的值和Input中的值
4、定义索引值 i
5、btn的点击事件 每点击一次判断一次和num是否相等
不相等则次数加一,相等显示猜对了,
*/
var num = Math.floor(Math.random()*(10-1+1)+1);
var btn = document.getElementById('btn');
var guess = document.getElementById('guess');
var text = document.getElementById('text');
var index = document.getElementById('index');
var index_val = index.innerHTML;
var i = 0;
console.log(num)
btn.onclick = function(){
i++;
index.innerHTML = i;
if(text.value == num){
guess.style.display = 'inline-block';
}else{
guess.style.display = 'none';
}
}
</script>
</body>
</html>
2019年09月29日 08点09分
5
谢谢
2019年10月28日 04点10分
level 3
Math.floor(Math.random()*10+1)
然后用if语句判断
2019年10月03日 14点10分
6