search

博客列表 >简单计算器

简单计算器

风轻云淡
风轻云淡原创
2021年11月19日 15:47:02512浏览
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="utf-8">
  5. <title>计算器</title>
  9. </head>
  10. <body>
  11. <script>
  12.     function fn(){
  13.         var od1= document.getElementById('d1').value
  14.           od1=parseFloat(od1)
  15.         var od2= document.getElementById('d2').value
  16.           od2=parseFloat(od2)
  17.         var od3=document.getElementById('d3')
  18.         var oysf=document.getElementById('ysf').value
  19.          if(oysf=='+'){
  20.             od3.value=od1+od2
  21.          }else if(oysf=='-'){
  22.              od3.value=od1-od2
  23.          }else if(oysf=='*'){
  24.              od3.value=od1*od2
  25.          }else {
  26.              od3.value=od1/od2
  27.          }
  28.     }
  29. </script>
  31. <input id="d1" type="text" value="">
  32. <select id="ysf">
  33.     <option value="+">+</option>
  34.     <option value="-">-</option>
  35.     <option value="*">*</option>
  36.     <option value="÷">/</option>
  37. </select>
  38. <input id="d2" type="text" value=""><span>=</span>
  39. <input type="text" id="d3" value="">
  40. <button onclick="fn()">点击计算</button>
  41. </body>
  42. </html>
上一条：简单的计算器制作下一条：订单详情页
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议