简单的js计算器实现_Javascript教程-查字典教程网
简单的js计算器实现
简单的js计算器实现
发布时间:2016-12-30 来源:查字典编辑
摘要:本文实例为大家分享了js计算器实现代码,供大家参考,具体内容如下+-*///制做简单计算器functioncount(){vartxt1=d...

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

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body > <input type='text' id='txt1' /> <select id='select'> <option value='+'>+</option> <option value="-">-</option> <option value="*">*</option> <option value="/">/</option> </select> <input type='text' id='txt2' /> <input type='button' value=' = '/> <> <input type='text' id='fruit' /> </body> <script type="text/javascript"> //制做简单计算器 function count() { var txt1 = document.all.txt1.value; var txt2 = document.all.txt2.value; var s=document.all.select.value; var z; switch(s){ case "+": z=parseFloat(txt1)+parseFloat(txt2);break; case "-": z=parseFloat(txt1)-parseFloat(txt2);break; case"*":z=parseFloat(txt1)*parseFloat(txt2);break; case "/":z=parseFloat(txt1)/parseFloat(txt2);break; } document.getElementById("fruit").value=z; } </script> </html>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持查字典教程网。

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类