为了账号安全,请及时绑定邮箱和手机立即绑定

自己写的,可以看看

<!DOCTYPE html>
<html>
 <head>
  <title> 四则运算器</title>  
  <script type="text/javascript">
   function count(){
     var one=document.getElementById("txt1").value
     var two=document.getElementById("txt2").value0
     var Select=document.getElementById("select").value
     switch (Select)
     {case "+":
      document.getElementById("fruit").value=parseInt(one) +parseInt(two)
      break;
     case "-":
     document.getElementById("fruit").value=parseInt(one) -parseInt(two)
     break;
     case "*":
     document.getElementById("fruit").value=parseInt(one) *parseInt(two)
     break;
     case "/":
     document.getElementById("fruit").value=parseInt(one) /parseInt(two)
     break;}
     return document.getElementById("fruit").value
    //获取第一个输入框的值
  //获取第二个输入框的值
  //获取选择框的值
  //获取通过下拉框来选择的值来改变加减乘除的运算法则
    //设置结果输入框的值 
    
   }
  </script> 
 </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=' = '  onclick=" count()"/> <!--通过 = 按钮来调用创建的函数,得到结果--> 
   <input type='text' id='fruit' />   
 </body>
</html>


正在回答

举报

0/150
提交
取消
JavaScript进阶篇
  • 参与学习       468190    人
  • 解答问题       21891    个

本课程从如何插入JS代码开始,带您进入网页动态交互世界

进入课程

自己写的,可以看看

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信