1.随机生成1-100之间的整数,打印到控制台。
提供一个输入框给用户输入数字,当用户点击提交按钮时给出提示:
大了/小了/恭喜你,第n次猜对了,提示信息直接写在div中即可。
<input type="text" id="guess" placeholder="请输入数字"/> <input type="button" value="提交" onclick="compare()"/> <div id="result"></div> <script type="text/javascript"> const ran = Math.ceil(Math.random()*100); console.log(ran);//F12能看到结果 function compare(){ if(isNaN(guess.value)){ result.innerText = "您输入的也不是数字呀,这上哪儿猜去?"; }else{ if(guess.value == ran){ result.innerText = "恭喜你啊小老妹儿,你猜对了!"; } if(guess.value > ran){ result.innerText = "这也不行啊小老妹儿,你猜大了!"; } if(guess.value < ran){ result.innerText = "这也不行啊小老妹儿,你猜小了!"; } } } </script>
2.简易计算器,实现加减乘除四种运算。
获取用户从输入框输入的内容,判断输入内容是否合法,若不合法给出提示,
若合法则根据点击按钮的不同,实现对应的计算,并将计算结果写入到div中。
<p><input type="text" id="a" placeholder="请输入第一个数字:" /></p> <p><input type="text" id="b" placeholder="请输入第二个数字:" /></p> <p> <input type="button" value="加和" onclick="add()" /> <input type="button" value="减差" onclick="sub()" /> <input type="button" value="乘积" onclick="mul()" /> <input type="button" value="除商" onclick="div()" /> </p> <p>经过计算得到值:<span id="result"> </span></p> <script type="text/javascript"> function ok() { //这个方法用来判断是不是数字的,也可以不写这个直接把input的type写成number //这个方法使用:如果不是数字的,在+-*/计算后调用,结果覆盖 if (isNaN(a.value) || isNaN(b.value)) { result.innerText = "输入的数据不合法!"; } } function add() { result.innerText = parseInt(a.value) + parseInt(b.value); ok(); } function sub() { result.innerText = parseInt(a.value) - parseInt(b.value); ok(); } function mul() { result.innerText = parseInt(a.value) * parseInt(b.value); ok(); } function div() { if (parseInt(b.value) == 0) { result.innerText = "除数为0,不合法!!!" } else { result.innerText = parseInt(a.value) / parseInt(b.value); } ok(); } </script>
3.声明一个函数fn,在函数中实现:遍历指定的两个数值(例如1和100)之间的整数,
将是3的倍数的数值存入到一个数组中,并将数组返回。
遍历范围为:0-100 <p><input type="number" id="start" placeholder="开始范围:" /></p> <p><input type="number" id="end" placeholder="结束范围:" /></p> <p><input type="button" value="遍历" onclick="fn()" /></p> <p><span id="result"> </span></p> <script type="text/javascript"> function fn(){ var a = parseInt(start.value); var b = parseInt(end.value); if(a>b){ result.innerText = "输入的范围不合法!" }else{ var arr = new Array(); for (var i = a,j=0; i <= b; i++) { if(i %3 ==0){ arr[j] = i; j++; } } result.innerText = "遍历得到3的倍数:["+arr+"]"; } } </script>