js写的计算器

最新推荐文章于 2023-12-01 19:30:20 发布

帅帅的Python

最新推荐文章于 2023-12-01 19:30:20 发布

阅读量164

点赞数

分类专栏：前端学习

本文链接：https://blog.csdn.net/weixin_42060598/article/details/83832521

版权

前端学习专栏收录该内容

7 篇文章 0 订阅

订阅专栏


<!DOCTYPE html>
<html>
<head>
	<title>计算器</title>
</head>
<style type="text/css">
	input{width:100px;height: 20px;margin-left: 20px;margin-top: 10px;}
	.operator{width: 25px;height: 25px;text-align: center;line-height: 25px;}
</style>
<body>
<input type="text" id="firstnumb" placeholder="firstnumb">
<input type="text" id="secondnumb" placeholder="secondnumb">
&nbsp;&nbsp;=
<input type="text" id="result" name="result" placeholder="result">
<br>
<input type="button" class="operator" value='加'>
<input type="button" class="operator" value='减'>
<input type="button" class="operator" value='乘'>
<input type="button" class="operator" value='除'>
</body>
<script type="text/javascript">
	var ofirst=document.getElementById('firstnumb');
	var osecond=document.getElementById('secondnumb');
	var oresult=document.getElementById('result');
	var oboperator=document.getElementsByClassName('operator');
	oboperator[0].onclick=function(){
		oresult.value = parseFloat(ofirst.value)+parseFloat(osecond.value)
	};
	oboperator[1].onclick=function(){
		oresult.value = parseFloat(ofirst.value)-parseFloat(osecond.value)
	};
	oboperator[2].onclick=function(){
		oresult.value = parseFloat(ofirst.value)*parseFloat(osecond.value)
	};
	oboperator[3].onclick=function(){
		oresult.value = parseFloat(ofirst.value)/parseFloat(osecond.value)
	};
</script>
</html>

帅帅的Python

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
2
评论
js写的计算器

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;title&gt;计算器&lt;/title&gt;&lt;/head&gt;&lt;style type="text/css"&gt; input{width:100px;height: 20px;margin-left: 20px;margin-top: 10
复制链接

扫一扫