简单的javascript练习

最新推荐文章于 2022-07-23 00:08:16 发布

ksw000

最新推荐文章于 2022-07-23 00:08:16 发布

阅读量151

点赞数 1

文章标签： javascript html

本文链接：https://blog.csdn.net/ksw000/article/details/115386972

版权

简单的javascript练习

简易计算器

输入任意两个整数及运算符，进行运算，点击输出结果

function count() {
				var a = parseInt(document.getElementById("txt1").value);
				var b = parseInt(document.getElementById("txt2").value);
				var sign = document.getElementById("select").value;
				var result = 0;
				switch (sign) {
					case "+":
						result = a + b;
						break;
					case "-":
						result = a - b;
						break;
					case "*":
						result = a * b;
						break;
					case "/":
						result = a / b;
						break;
					case "%":
						result = a % b;
						break;
				}
				document.getElementById("answer").value = result;
			}

累加运算

输入两个整数，求累加结果，例如1，3，求结果=1+2+3

function cou() {
				var c = parseInt(document.getElementById("txt3").value);
				var d = parseInt(document.getElementById("txt4").value);
				if (c % 2 === 0) {
					var result2 = (c + d) * c / 2;
				} else if (c = d) {
					var result2 = c + d;
				} else {
					var result2 = (c + d) * d / 2;
				}
				document.getElementById("answer2").value = result2;
			}

完整代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>加减乘除计算器/累加</title>
		<script type="text/javascript">
			function count() {
				var a = parseInt(document.getElementById("txt1").value);
				var b = parseInt(document.getElementById("txt2").value);
				var sign = document.getElementById("select").value;
				var result = 0;
				switch (sign) {
					case "+":
						result = a + b;
						break;
					case "-":
						result = a - b;
						break;
					case "*":
						result = a * b;
						break;
					case "/":
						result = a / b;
						break;
					case "%":
						result = a % b;
						break;
				}
				document.getElementById("answer").value = result;
			}

			function cou() {
				var c = parseInt(document.getElementById("txt3").value);
				var d = parseInt(document.getElementById("txt4").value);
				if (c % 2 === 0) {
					var result2 = (c + d) * c / 2;
				} else if (c = d) {
					var result2 = c + d;
				} else {
					var result2 = (c + d) * d / 2;
				}
				document.getElementById("answer2").value = result2;
			}
		</script>
	</head>
	<body><p>暂时只支持整数</p>
		<input type='text' id='txt1' />
		<select id='select'>
			<option value='+'>+</option>
			<option value="-">-</option>
			<option value="*">*</option>
			<option value="/">/</option>
			<option value="%">%</option>
		</select>
		<input type='text' id='txt2' />
		<input type='button' value=' = ' onclick="count()" />
		<!--通过 = 按钮来调用创建的函数，得到结果-->
		<input type='text' id='answer' />
		<hr />
		<input type='text' id='txt3' />
		<input type='button' value="++" />
		<input type='text' id='txt4' />
		<input type='button' value=' = ' onclick="cou()" />
		<!--通过 = 按钮来调用创建的函数，得到结果-->
		<input type='text' id='answer2' />
	</body>
</html>

效果实现

基本效果都是实现了，暂不支持整数思路
计算器是使用switch case来判断运算情况，是加减还是怎么，然后进行计算输出，累加是因为累加是有规律的，首先先找到相应的规律，再来进行相应的js。

结尾

希望大家看完有收获，为什么写是因为找不到相应的代码，所以为了其他的新人，新人多看看领会是没问题的。相互交流哦!

ksw000

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
简单的javascript练习

简单的javascript练习简易计算器输入任意两个整数及运算符，进行运算，点击输出结果function count() { var a = parseInt(document.getElementById("txt1").value); var b = parseInt(document.getElementById("txt2").value); var sign = document.getElementById("select").value; var resu
复制链接

扫一扫