JavaScript编写输入框计算器

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<input type="text" id="num1" placeholder="请输入数值"/>
<input type="text" id="opt" placeholder="请输入操作符：+，-，*，/"/>
<input type="text" id="num2" placeholder="请输入数值"/>
<input type="button" value="点击计算" onclick="calculate()"/><br>
<hr>
结果=<span id="result"></span>
<script>function calculate(){//获取输入框的内容var num1 =document.getElementById("num1").value;var opt =document.getElementById("opt").value;var num2 =document.getElementById("num2").value;//判断输入是否为数字if(isNaN(num1)||isNaN(num2)){alert("请输入数字");return ;}//把字符串类型的数字转换成数字类型的数字num1=Number(num1);num2=Number(num2);var result=0;switch (opt){case"+":result=num1+num2;break;case"-":result=num1-num2;break;case"*":result=num1*num2;break;case"/"://判断除数是否为0if(num2==0){alert("除数不能为0");}else {result=num1/num2;}break;default:result=0}//结果显示result=result.toFixed(3);//结果小数点后保留三位document.getElementById("result").innerText=result;}</script>
</body>
</html>

JavaScript编写输入框计算器相关推荐

用JavaScript编写网页计算器
编写网页计算器,首先用两个text文本框接收输入的两个值,然后通过触发按钮的单击事件,即触发calc()函数,传递实参(add.sub.mul或者div),实现相应的加减乘除运算,最后将结果显示在结果 ...
javascript编写_用JavaScript深入探讨：为什么对编写好的代码至关重要。
javascript编写 Using simple terminology and a real world example, this post explains what this is and ...
javascript编写_如何通过编写自己的Web开发框架来提高JavaScript技能
javascript编写 Have you ever asked yourself how a framework works? 您是否曾经问过自己框架是如何工作的? When I discovere ...
用 JavaScript 编写测试脚本
用 JavaScript 编写测试脚本 Truffle使用 Mocha 测试框架和 Chai 断言,为编写 JavaScript 测试提供了坚实的框架. 让我们深入研究,看看 Truffle 是如何建 ...
这两天发现一个老外用JavaScript编写的好东西：dp.SyntaxHighlighter。
dp.Synta 来源http://blog.s135.com/post/226/ r介绍:在网页中加亮显示源代码的工具[原创] 大 | 中 | 小 [ 2007-4-19 14:56 | by ...
【教程】HTML5+JavaScript编写flappy bird
作者: 风小锐新浪微博ID:永远de风小锐 QQ:547953539 转载请注明出处 PS:新修复了两个bug,已下载代码的同学请查看一下大学立即要毕业了. ...
我们知道计算机的大小单位有 B, KB, MB 等，现在请你编写一个计算器进行大小单位换算。Java洛谷传智杯
题目描述: 我们知道计算机的大小单位有 B, KB, MB 等,现在请你编写一个计算器进行大小单位换算. 输入格式:输入一个字符串,由一个 0 到 1023 之间的整数,一个单位名称(大写字母),一个 ...
java编写某计算器控制台程序_用java程序编写一个计算器
点击查看用java程序编写一个计算器具体信息答:给你一个参考,希望不要被百度吞了当晚餐 import java.awt.BorderLayout; import java.awt.GridLayou ...
软件工程-c语言--基于at89c51单片机c语言编写的计算器,基于AT89C1单片机C语言编写的计算器.doc...
基于AT89C1单片机C语言编写的计算器 #include #define uint unsigned int #define uchar unsigned char sbit dula=P2^6; ...

JavaScript编写输入框计算器

JavaScript编写输入框计算器相关推荐

最新文章

热门文章