介绍 & lt; ! DOCTYPE html>
& lt; html>
,& lt; head>
,& lt; meta charset=皍tf-8"比;
,& lt; title>简易计算器& lt;/title>
,& lt; script 类型=拔谋?javascript"比;=,window.onload 函数(){=,document.onclick 函数(){
var 才能;ipts =, document.getElementsByTagName (“input");
for 才能;(var 小姐:=,0;,小姐:& lt;, ipts.length;,我+ +),{//得到值和符号
进行if 才能;([我].type ==,“text"), {
switch 才能;(我){
case 才能;0:
,,num1 =,进行[我]value;
,,num1 =,数量(num1);
,才能打破;
case 才能;1:
,,opt =,进行[我]value;
,才能打破;
case 才能;2:
,,num2 =,进行[我]value;
,,num2 =,数量(num2);
,才能打破;
,,}
,,}
,,}
var 才能;res//结果
switch 才能;(选择){//通过得到的值和符号进行计算
case 才能;“+“:
时间=res 才能;num1 +, num2;
打破才能;
case 才能“产生绯闻:
res 才能=,num1 作用;num2;
打破才能;
case 才能“*”:
时间=res 才能;num1 *, num2;
打破才能;
case 才能“/?
时间=res 才能;num1 /, num2;
打破才能;
,,}
,,
var 才能;r =, . getelementbyid (“result");
r.value 才能=,res;
}大敌;
,}
,& lt;/script>
,& lt;/head>
,& lt; body>
,& lt; input 类型=皌ext"比;
,& lt; input 类型=皌ext"比;
,& lt; input 类型=皌ext"在=,& lt; input 类型=皌ext", id=皉esult"比;
,& lt; input 类型=癰utton",价值=https://www.yisu.com/zixun/奔扑? id=" btn ">
这篇文章将为大家详细讲解有关js如何实现简易计算器功能,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
制作能进行加减乘除的简易计算器,主要是练习动态注册事件。因以练习为主,所以包含了较多基础方法。
效果图
代码