Java教程

2021-10-13 JavaScript编程练习

本文主要是介绍2021-10-13 JavaScript编程练习,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

        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>

这篇关于2021-10-13 JavaScript编程练习的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!