网页计算器

分手后的思念是犯贱 2023-07-02 11:22 65阅读 0赞
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html"; charset="gb2312">
  5. <title>网页计算器</title>
  6. <script language="javascript">
  7. document.write("<h1 align=center><font color=red>网页计算器</font></h1>");
  8. function account(ys)
  9. {
  10. var x=document.calculate.num1.value;
  11. var y=document.calculate.num1.value;
  12. var s=document.calculate.num1.value;
  13. if(x!=""&&y!="")
  14. {
  15. if(isNaN(x)==true||isNaN(y)==true)
  16. {
  17. alert("请输入数字")
  18. return;
  19. }
  20. switch(ys)
  21. {
  22. case'+' :
  23. var res=parseFloat(x)+parseFloat(y);
  24. document.calculate.result.value=res;
  25. break;
  26. case'-':
  27. var res=parseFloat(x)-parseFloat(y);
  28. document.calculate.result.value=res;
  29. break;
  30. case'*':
  31. var res=parseFloat(x)*parseFloat(y);
  32. document.calculate.result.value=res;
  33. break;
  34. case'/':
  35. if(parseFloat(y)==0)
  36. {
  37. alert("除数为0,结果为无穷大");
  38. return;
  39. }
  40. else
  41. {
  42. var res=parseFloat(x)/parseFloat(y);
  43. document.calculate.result.value=res;
  44. }
  45. break;
  46. default:
  47. alert("运算符输入不正确,请重新输入");
  48. return;
  49. }
  50. }
  51. }
  52. </script>
  53. </head>
  54. <body>
  55. <form name="calculate">
  56. <p align="center">操作数1<input type="text" name="num1" border="0"></p>
  57. <p align="center">操作数2<input type="text" name="num2" border="0"></p>
  58. <p align="center">计算结果<input type="text" name="result" border="0"></p>
  59. <p align="center">
  60. <input type="hidden" name="sign">
  61. <input type="button" name="add" value="+" onClick="account('+')">
  62. <input type="button" name="sub" value="-" onClick="account('-')">
  63. <input type="button" name="mul" value="*" onClick="account('*')">
  64. <input type="button" name="div" value="/" onClick="account('/')">
  65. </p>
  66. </form>
  67. </body>
  68. <body>
  69. </body>
  70. </html>

发表评论

表情:
评论列表 (有 0 条评论,65人围观)

还没有评论,来说两句吧...

相关阅读

    相关 JS实现简易网页计算器

    js实现简易计算器。计算器的布局不像表格那么公正对称,所以布局这块相对比较繁琐,但是也可以通过这来练习一下CSS。 一、实现功能 1. 完成计算器的加减乘除的基本计算功能

    相关 简单计算器

     突然想到学了这么长时间C语言,除了写题,似乎没干过别的事了。。。![奋斗][struggle.gif]  闲着写了一个计算器,纯手工模拟,虽然只能实现简单的加减乘除和取余。