用js做一个很简易的计算器

最新推荐文章于 2023-11-14 10:53:55 发布

FYANGFEI

最新推荐文章于 2023-11-14 10:53:55 发布

阅读量3.3k

点赞数 2

分类专栏： js

本文链接：https://blog.csdn.net/FYANGFEI/article/details/101153652

版权

js 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

效果图

代码

html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<div>
		操作数1：<input id="Num1" type="text"><br>
		操作数2：<input id="Num2"type="text"><br>
		运算符：<input type="button" onclick="onclicknum('+')" value="+">
		<input type="button" onclick="onclicknum('-')" value="-">
		<input type="button" onclick="onclicknum('*')" value="*">
		<input type="button" onclick="onclicknum('/')" value="/"><br>
		结果：<input type="text" id="jieguo" style="width: 300px;height:80px;font-size:70px;border:0px;" >
	</div>


</body>
</html>

	<script type="text/javascript">

	function onclicknum(fuhao){
	var n1=document.getElementById("Num1").value;
	var n2=document.getElementById("Num2").value;
	var s =eval(n1+fuhao+n2);
	var result=document.getElementById("jieguo");
	result.value=s;
    }
</script>

FYANGFEI

关注

2
点赞
踩
17

收藏

觉得还不错? 一键收藏
0
评论
用js做一个很简易的计算器

效果图代码html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div> 操作数1：<input ...
复制链接

扫一扫