Js函数习题

倾心*

已于 2022-02-16 16:53:32 修改

阅读量902

点赞数

文章标签： javascript html

于 2022-02-16 16:43:01 首次发布

本文链接：https://blog.csdn.net/weixin_53056046/article/details/122966645

版权

1.使用Math.random()生成一个1-100的随机数，让用户在文本框中，猜这个值。如果数值比随机数大就说明猜大了，如果数值比随机数小就说明猜小了，直到数值猜中。

2.计算器（实现加减乘除）

3.设置5个文本框，计算最大最小平均以及和，并显示到一个标签中

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			fieldset {
				width: 600px;
				margin: auto;
			}

			div {				
				width: 500px;
				height: 100px;
				border: 1px solid black;
			}
		</style>
	</head>
	<body>
		<fieldset id="">
			<legend>猜数字小游戏</legend>
			请输入数字：<input type="number" name="" id="number" value="" />
			<button type="button" onclick="guess()">点击猜数字</button><br><br>
			<div id="spanvalue"></span>
		</fieldset>

		<script type="text/javascript">
			var random = (Math.round(Math.random() * 100) + 0);
			console.log(random);

			function guess() {
				var num = number.value;
				if (num > random) {
					document.getElementById("spanvalue").innerHTML = "你猜大了";
				} else if (num < random) {
					document.getElementById("spanvalue").innerHTML = "你猜小了";
				} else if (num == random) {
					document.getElementById("spanvalue").innerHTML = "你猜对了";
				}
			}
		</script>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			fieldset {
				width: 600px;
				margin: auto;
			}

			input {
				margin-top: 15px;
			}

			button {
				margin-top: 15px;
			}

		</style>
	</head>
	<body>

		<fieldset id="">
			<legend>计算器</legend>
			第一个数：<input type="number" name="" id="first" value="" /><br>
			第二个数：<input type="number" name="" id="second" value="" /><br>

			<button onclick="jisuan(this)">+</button>
			<button onclick="jisuan(this)">-</button>
			<button onclick="jisuan(this)">*</button>
			<button onclick="jisuan(this)">/</button><br>
			结果：<input type="text" name="" id="result" value="" />

		</fieldset>
		<script type="text/javascript">
			function jisuan(design) {
				var a = document.getElementById("first").value;
				var b = document.getElementById("second").value;
				document.getElementById("result").value = eval(a + design.innerHTML + b);
			}
		</script>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
		</style>
	</head>
	<body>
		<fieldset id="">
			<form action="" method="post">
				请输入第一个数：<input type="number" id="num1" value="" /><br>
				请输入第二个数：<input type="number" id="num2" value="" /><br>
				请输入第三个数：<input type="number" id="num3" value="" /><br>
				请输入第四个数：<input type="number" id="num4" value="" /><br>
				请输入第五个数：<input type="number" id="num5" value="" /><br>
				<button type="button" onclick="cal()">显示结果</button>
			</form>
		</fieldset>
		<script type="text/javascript">
			function cal() {
				var a = document.getElementById("num1");
				var b = document.getElementById("num2");
				var c = document.getElementById("num3");
				var d = document.getElementById("num4");
				var e = document.getElementById("num5");
				var a1 = a.value;
				var a2 = b.value;
				var a3 = c.value;
				var a4 = d.value;
				var a5 = e.value;
				var sum = Number(a1) + Number(a2) + Number(a3) + Number(a4) + Number(a5);
				var avg = Number(sum / 5);
				var max = Math.max(a1, a2, a3, a4, a5);
				var min = Math.min(a1, a2, a3, a4, a5);
				document.write("和为" + sum + "<br/>" + "平均数为" + avg + "<br/>" + "最大值为" + max + "<br/>" + "最小值为" + min);
			}
		</script>
	</body>
</html>

倾心*

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
Js函数习题

1.使用Math.random()生成一个1-100的随机数，让用户在文本框中，猜这个值。如果数值比随机数大就说明猜大了，如果数值比随机数小就说明猜小了，直到数值猜中。2.计算器（实现加减乘除）3.设置5个文本框，计算最大最小平均以及和，并显示到一个标签中<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <s.
复制链接

扫一扫