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

最简洁 答案~

<!DOCTYPE html>

<html>

 <head>

  <title> 事件</title>

  <script type="text/javascript">

   function count(){

    var num1 = document.getElementById("txt1").value;

    var num2 = document.getElementById("txt2").value;

    var num3 = document.getElementById("select").value;

    var sum = 0;

    switch(num3){

        case '+':

            sum = parseInt(num1) + parseInt(num2);

            break;

        case '-':

            sum = parseInt(num1) - parseInt(num2);

            break;

        case '*':

            sum = parseInt(num1) * parseInt(num2);

            break;

        case '/':

            sum = parseInt(num1) / parseInt(num2);

            break;

    }

      document.getElementById("fruit").value=sum;

     }

  </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>


正在回答

2 回答

为啥parseInt不应用在num1获取的时候呢,var num1 = parseInt(document.getElementById("txt1").value);

0 回复 有任何疑惑可以回复我~
<!DOCTYPE html><html> <head>  <title> 事件</title>    <script type="text/javascript">   function count(){       var i1=document.getElementById('txt1').value;       var i2=document.getElementById('txt2').value;       var i3;             switch(document.getElementById('select').value){           case '+':               i3=parseInt(i1)+parseInt(i2);               break;           case '-':               i3=parseInt(i1)-parseInt(i2);               break;           case '*':               i3=parseInt(i1)*parseInt(i2);               break;           case '/':               i3=parseInt(i1)/parseInt(i2);               break;       }       document.getElementById('fruit').value=i3;    //获取第一个输入框的值	//获取第二个输入框的值	//获取选择框的值	//获取通过下拉框来选择的值来改变加减乘除的运算法则    //设置结果输入框的值        }  </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 回复 有任何疑惑可以回复我~

举报

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

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

进入课程

最简洁 答案~

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