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>

更多相关文章

  1. Android(安卓)环境搭建
  2. android studio调试c/c++代码
  3. 在Fragment中设置控件点击方法，执行失败。
  4. Android,LIstView中的OnItemClick点击无效的解决办法
  5. Android之adb环境变量配置
  6. Android上的模拟点击
  7. Android(安卓)无法查看外部依赖jar的源码的问题
  8. android开发 列表显示（ListView）
  9. ListItem更改背景色

随机推荐

  1. C#中的console是什么意思
  2. c语言数组怎么定义？
  3. c语言属于什么类型的编程语言
  4. 什么是虚函数
  5. 如何在C#中使用Bogus去创建模拟数据
  6. C# 快速手动构建文件服务器
  7. 在C/C++中如何使用extern关键字
  8. c#中反射是什么？
  9. c++输出二维字符矩阵对齐
  10. C++实现逐行读取txt文件中的字符串以及文