java script简易计算器的实现

最新推荐文章于 2023-02-08 08:59:27 发布

gfdonx

最新推荐文章于 2023-02-08 08:59:27 发布

阅读量2.7k

点赞数 2

分类专栏： java script

本文链接：https://blog.csdn.net/gfdonx/article/details/49492445

版权

java script 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script>

/* 算术运算函数，用于计算两个的数的加减乘除，
	number1 传入的第一个参数 
	number2 传入的第二个参数 
	operaType 传信的操作类型，
	1 表示 + 
	2 表示 -
	3 表示 *
	4 表示 /

 */
function operation (number1,number2,operaType){
	 if(operaType == 1){
	 	return number1 + number2;
	 }else if(operaType == 2){
	 	return number1 - number2;
	 }else if(operaType == 3){
	 	return number1 * number2;
	 }else if(operaType == 4){
	 	return number1 / number2;
	 }
}

/*
	根据id得到Element
*/
function getElement(id){
	return document.getElementById(id);
}

/*
计算器主调用函数，
	传入两个text的id，
	传入操作类型
	传入结果显示id
	返回运算结果。
	1 表示 + 
	2 表示 -
	3 表示 *
	4 表示 /
*/
function operationMain(id1,id2,tyep,resultid){
	//取出值1
	var number1 = parseInt(getElement(id1).value);
	var number2 = parseInt(getElement(id2).value);
	var opType = parseInt(tyep);
	var result = operation (number1,number2,opType);
	getElement(resultid).innerText = result;
	/* getElement(resultid).innerHeml = '';这个方法可以插入入带标签的文字*/
}
</script>

<title>java script的实现</title>
</head>

<body>

<form id="calculator">
简易计算器<br>
第一个数：<input type="text" id="number1"><br>
第二个数：<input type="text" id="number2"><br>
<input type="button" value="+" onClick="operationMain('number1','number2','1','result')">
<input type="button" value="-" onClick="operationMain('number1','number2','2','result')">
<input type="button" value="×" onClick="operationMain('number1','number2','3','result')">
<input type="button" value="÷" onClick="operationMain('number1','number2','4','result')"><br>
计算结果：<input type="text" id="result">

</form>



</body>
</html>

gfdonx

关注

2
点赞
踩
14

收藏

觉得还不错? 一键收藏
4
评论
java script简易计算器的实现

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">/* 算术运算函数，用于计算两个的数的加减乘除， number1 传入的第一个参数 number2 传入的第二个参数 operaType 传信的操作类型， 1 表示 +
复制链接

扫一扫

专栏目录