无法在这个位置找到: head2.htm
当前位置: 建站首页 > 新闻 > 公司新闻 >

微信小程序解决方法_js完成简易核算器功用

时间:2021-01-07 10:30来源:微信小程序解决方法 作者:jianzhan 点击:
js完成简单测算器作用 本文关键为大伙儿详尽详细介绍了js完成简单测算器作用,制作能开展加减乘除的测算器,原文中实例编码详细介绍的十分详尽,具备一定的参照使用价值,
js实现简易计算器功能       这篇文章主要为大家详细介绍了js实现简易计算器功能,制作能进行加减乘除的计算器,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

制作能进行加减乘除的简易计算器,主要是练习动态注册事件。因以练习为主,所以包含了较多基础方法。

效果图

代码

 !DOCTYPE html 
 html 
 head 
 meta charset="utf-8" 
 title 简易计算器 /title 
 script type="text/javascript" 
 window.onload = function(){
 document.onclick = function(){
 var ipts = document.getElementsByTagName("input");
 for (var i = 0; i ipts.length; i++) {//得到值和符号
 if (ipts[i].type == "text") {
 switch (i){
 case 0:
 num1 = ipts[i].value;
 num1 = Number(num1);
 break;
 case 1:
 opt = ipts[i].value;
 break;
 case 2:
 num2 = ipts[i].value;
 num2 = Number(num2);
 break;
 var res;//结果
 switch (opt){//通过得到的值和符号进行计算
 case "+":
 res = num1 + num2;
 break;
 case "-":
 res = num1 - num2;
 break;
 case "*":
 res = num1 * num2;
 break;
 case "/":
 res = num1 / num2;
 break;
 var r = document.getElementById("result");
 r.value = res;
 /script 
 /head 
 body 
 input type="text" 
 input type="text" 
 input type="text" =
 input type="text" id="result" 
 input type="button" value="计算" id="btn" 
 /body 
 /html 

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持凡科。


(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
无法在这个位置找到: ajaxfeedback.htm


扫描二维码分享到微信

在线咨询
联系电话

400-888-8866