微信小程序留意事宜_js完成核算器功用

日期:2021-01-05 类型:科技新闻 

关键词:制作小程序,小程序商城,扫码点餐小程序,微信小程序开店的步骤,牛刀小程序

js实现计算器功能       这篇文章主要为大家详细介绍了js实现计算器功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了js实现计算器功能的具体代码,供大家参考,具体内容如下

知识点

eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码。

代码如下

 !DOCTYPE html 
 html lang="en" 
 head 
 meta charset="UTF-8" 
 title js计算器 /title 
 link href="../css/计算器.css" rel="stylesheet" 
 /head 
 body 
 h1 计算器 /h1 
 div 
 form name="calculator" 
 input type="button" id="clear" value="C" 
 input type="text" id="display" 
 br/ 
 input type="button" value="7" 
 input type="button" value="8" 
 input type="button" value="9" 
 input type="button" value="+" 
 br/ 
 input type="button" value="4" 
 input type="button" value="5" 
 input type="button" value="6" 
 input type="button" value="*" 
 br/ 
 input type="button" value="1" 
 input type="button" value="2" 
 input type="button" value="3" 
 input type="button" value="-" 
 br/ 
 input type="button" value="0" 
 input type="button" value="." 
 input type="button" value="/" 
 input type="button" value="=" 
 /form 
 div 
 script src="../js/计算器.js" 
 /script 
 /body 
 /html 

document.getElementById("clear").addEventListener("click",function(){ document.getElementById("display").value=""; function get(value) { document.getElementById("display").value+=value; //结果 function calculates() { var result=0; result=document.getElementById("display").value; document.getElementById("display").value = eval(result); }

效果图

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