JS实现的简单计算器
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JS实现的简单计算器相关的知识，希望对你有一定的参考价值。
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>计算器</title> 6 </head> 7 <body> 8 <input type="text" name="" id="a" placeholder="请输入一个数" /> 9 <select name=""id="b"> 10 <option value="1">+</option> 11 <option value="2">-</option> 12 <option value="3">*</option> 13 <option value="4">/</option> 14 <option value="5">%</option> 15 </select> 16 <input type="text" id="c" placeholder="请输入一个数" //> 17 =<input type="text" id="p"/> 18 <input type="button" id="d" value="计算" /> 19 <script type="text/javascript"> 20 var e=document.getElementById(‘d‘); 21 e.onclick = function(aaa){ 22 var m = document.getElementById(‘a‘).value; 23 var x = document.getElementById(‘b‘).value; 24 var n = document.getElementById(‘c‘).value; 25 var y = document.getElementById(‘p‘); 26 // alert(m); 27 // alert(x); 28 // alert(n); 29 if(Number(x)==1){ 30 y.value=Number(m)+Number(n); 31 } 32 else if(Number(x)==2){ 33 y.value=Number(m)-Number(n); 34 } 35 else if(Number(x)==3){ 36 y.value=Number(m)*Number(n); 37 } 38 else if(Number(x)==4){ 39 y.value=Number(m)/Number(n); 40 } 41 else if(Number(x)==5){ 42 y.value=Number(m)%Number(n); 43 } 44 } 45 </script> 46 </body> 47 </html>
以上是关于JS实现的简单计算器的主要内容，如果未能解决你的问题，请参考以下文章
HTML+CSS+JS实现 ❤️基于Javascript简单计算器特效❤️
安全测试 web安全测试 常规安全漏洞 可能存在SQL和JS注入漏洞场景分析。为什么自己没有找到漏洞，哪么可能存在漏洞场景是？SQL注入漏洞修复 JS注入漏洞修复 漏洞存在场景分析和修复示例(代码片段