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>