怎么没反应啊

来源:6-11 编程练习

慕粉1301145735

2018-02-26 18:37


<!DOCTYPE html>
<html>
 <head>
  <title> 事件</title>  
  <script type="text/javascript">
   function count(){
    var result='';
    //获取第一个输入框的值
   var a=document.getElementById('txt1').value;
	//获取第二个输入框的值
    var b=document.getElementById('txt2').value;
	//获取选择框的值
	var c=document.getElementById('select').value;
	//获取通过下拉框来选择的值来改变加减乘除的运算法则
	switch(c)
	{
	case c=='+':
	    result=a+b;
	    break;
	 case c=='-':
	    result=a-b;
	    break;
	 case c=='*':
	    result=a*b;
	    break;
	 case c=='/':
	    result=a/b;
	    break;
	}
    //设置结果输入框的值 
    document.getElementById('fruit').value = result;
   }
  </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回答

  • qq_醉卧_1
    2018-03-17 17:00:58

    result=parseInt(a)+parseInt(b);break;试试

  • I振哥哥
    2018-02-26 21:05:21

    <!DOCTYPE html>

    <html>

     <head>

      <title> 事件</title>  

      <script type="text/javascript">

       function count(){

        var result='';

        //获取第一个输入框的值

       var a=Number(document.getElementById('txt1').value);//转换成数字类型,不然待会下面是以字符串拼接的

        //获取第二个输入框的值

        var b=Number(document.getElementById('txt2').value);

        //获取选择框的值

        var c=document.getElementById('select').value;

        //获取通过下拉框来选择的值来改变加减乘除的运算法则

        switch(c)

        {

        case '+'://重新查看switch()用法

            result=a+b;

            break;

         case '-':

            result=a-b;

            break;

         case '*':

            result=a*b;

            break;

         case '/':

            result=a/b;

            break;

        }

        //设置结果输入框的值 

        document.getElementById('fruit').value = result;

       }

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


JavaScript进阶篇

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

468194 学习 · 21891 问题

查看课程

相似问题