为什么点击按钮不出结果呢?

来源:6-11 编程练习

qq_猫的树_1

2018-08-01 17:18

<!DOCTYPE html><html> <head>  <title> 事件</title>    <script type="text/javascript">   function count(){    var one=parseInt(document.getElemenById("text1").value);     //获取第一个输入框的值    var two=parseInt(document.getElemenById("text2").value);	//获取第二个输入框的值	var three=document.getElemenById("select").value;	var result="";	//获取选择框的值	switch(three){	   care "+";	       result = parseFloat(one) + parseFloat(two);	   break;	   care "-";	       result = parseFloat(one) - parseFloat(two); 	   break;	   care "*";	       result = parseFloat(one) * parseFloat(two);	   break;	   care "/";	       result = parseFloat(one) / parseFloat(two);	   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>


写回答 关注

3回答

  • 玛朵布莎辞
    2018-08-02 10:52:01
    已采纳

    switch搭配的是case不是care,其次case后面跟的是":"不是";"

    <html>

     <head>

      <title> 事件</title>  

      <script type="text/javascript">

       function count(){

        function count(){

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

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

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

        var result = "";

        switch(oSlt) {

            case "+":

                result = parseFloat(oTxt1) + parseFloat(oTxt2);

                break;

            case "-":

                result = parseFloat(oTxt1) - parseFloat(oTxt2);

                break;

            case "*":

                result = parseFloat(oTxt1) * parseFloat(oTxt2);

                break;

            default:

                result = parseFloat(oTxt1) / parseFloat(oTxt2);

        }

        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>


    qq_猫的树...

    非常感谢!

    2018-08-02 15:11:59

    共 1 条回复 >

  • 慕的地4811563
    2018-08-02 11:44:43

    “onclick=count()”这样写就没错了

  • 許_你一世相伴
    2018-08-02 11:23:53

    onclick点击事件加上引号就可以了    改成onclick="count()"

JavaScript进阶篇

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

467404 学习 · 21877 问题

查看课程

相似问题