javascript的简单加减乘除

最新推荐文章于 2024-01-01 11:23:34 发布

water_Popcorn

最新推荐文章于 2024-01-01 11:23:34 发布

阅读量555

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/water_Popcorn/article/details/77837537

版权

33 篇文章 0 订阅

订阅专栏

<head>
	<meta charset="UTF-8">
	<title>加减乘除</title>
	</head>
	<body>

	<label for="num1">第一个数：</label><input type="text" id="num1">
	<label for="num2">第二个数：</label> <input type="text" id="num2">
	<label for="result">结果：</label><input type="text" id="result">
	<button id="add" onclick="add()">加</button>
	<button id="less" onclick="less()">减</button>
	<button id="mult" onclick="mult()">乘</button>
	<button id="del" onclick="del()">除</button>


	<script>

	function add(){
	var a=document.getElementById('num1').value*1;
	var b=document.getElementById('num2').value*1;
	var r=0;
	r=a+b;
	document.getElementById('result').value= r;
	}

	function less(){
	var a=document.getElementById('num1').value*1;
	var b=document.getElementById('num2').value*1;
	var r=0;
	r= a - b;
	document.getElementById('result').value= r;
	}
	function mult(){
	var a=document.getElementById('num1').value*1;
	var b=document.getElementById('num2').value*1;
	var r=0;
	r= a * b;
	document.getElementById('result').value= r;
	}
	function del(){
	var a=document.getElementById('num1').value*1;
	var b=document.getElementById('num2').value*1;
	var r=0;
	r= a/ b;
	document.getElementById('result').value= r;
	}
	// document.getElementById('result').value= r;
	</script>
	</body>

注意：

var a=document.getElementById('num1').value*1;

是为了将输入的转化成number型，这样可以进行数字运算，要不然就是字符串的运算拼接

var a=document.getElementById('num1').value*1;

关注

专栏目录