js实现计算器和打印指定次数功能

2022-5-20

效果图

计算器

打印指定次数

代码

计算器

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title></title>
	<link rel="stylesheet" href="">
</head>
<body>
	<input type="button" value="两次输入数计算结果" onclick="shu()">
</body>
<script type="text/javascript">
	function shu(one,shi,two){
	while(true){
	 one = prompt("输入第一个数：",""); 
	 one = parseFloat(one);
	 if(!isNaN(one)){
	 	break;
	 }else{
	 	alert("数字输入错误！请重新输入")
	 }
	}
	
	 while(true){
	shi=prompt("请输入运算符：","");
	 if(shi=="+"||shi=="-"||shi=="*"||shi=="/"||shi=="%"){
	 	break;
	 }else{
	 	alert("运算符输入错误！请重新输入")
	 }
	}
	 while(true){
	 two = prompt("输入第二个数：","");
	 two = parseFloat(two);
	 if(!isNaN(two)){
	 	break;
	 }else{
	 	alert("数字输入错误！请重新输入")
	 }
	}
	if(shi=="+"){
	 var jg = one+two;
	 alert("运算结果为："+jg);
	}else if(shi=="-"){
	 var jg = one-two;
	 alert("运算结果为："+jg);
	}else if(shi=="*"){
	 var jg = one*two;
	 alert("运算结果为："+jg);
	}else if(shi=="/"){
	 var jg = one/two;
	 alert("运算结果为："+jg);
	}else if(shi=="%"){
	 var jg = one%two;
	 alert("运算结果为："+jg);
	}else{
	  alert("输入有误");
	}
	
	}	
</script>
</html>

打印指定次数

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title></title>
	<link rel="stylesheet" href="">
</head>
<body>
	<input type="button" value="按5次helloworld" onclick="show()">
</body>
<script type="text/javascript">
	// function  test(){         //无参函数
	// 	for (var i=0; i<5; i++) {
	// 		document.write("<h1>hello world</h1>");
	// 	}

		function  mody(count){       //有参函数
		for (var i=0; i<count; i++) {
			document.write("<h1>hello world</h1>");
			}	
		}

		function show(){
			var num=prompt("打印次数","");
			 mody(num)

		}
</script>
</html>

阅读剩余

版权声明：
作者：涛哥
链接：https://ltbk.net/write/article/813.html
文章版权归作者所有，未经允许请勿转载。

THE END

JavaScript-Date日期对象

<<上一篇

JavaScript-document对象的常用属性和方法

下一篇>>