2021-10-13 JavaScript编程练习

2021-10-13 19:33:47 阅读：222 来源： 互联网

标签：function 10 13 ok JavaScript value innerText result parseInt

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>

标签：function,10,13,ok,JavaScript,value,innerText,result,parseInt
来源： https://blog.csdn.net/zz2097831284/article/details/120750465

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

2021-10-13 JavaScript编程练习