找不到原因,一直运行不出来?求助求助求助

来源:6-11 编程练习

I公生

2021-11-26 14:23

<!DOCTYPE html>

<html>

 <head>

  <title> 事件</title>  

  <script type="text/javascript">

   function count(){

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

   var a = parseInt(document.getElementById("txt1").value);

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

   var b = parseInt(document.getElementById("txt2").value);

//获取选择框的值

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

   alert(c);

   console.log(c);

   document.write(c);

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

   //var d = window.eval(a+c+b);

   var d ='';

    switch (c){

      case '+':

          d=a+b;

          break;

      case '-':

          d=a-b;

          break;

      case '*':

          d=a*b;

          break;

      case '/':

          d=a/b;

          break;

          default;

    }

   alert(d);

   console.log(d);

   document.write(d);

    //设置结果输入框的值 

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

   }

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


写回答 关注

1回答

  • qq_只为伱乱了浮生_0
    2022-05-29 15:40:10

    基于你的代码,做的调整。问题以下几点:

    1. switch : default后面不是分号

    2. document.write 和 console 注释掉


    <!DOCTYPE html>


    <html>


    <head>


    <title> 事件</title>


    <script type="text/javascript">

    function count() {


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


    var a = parseInt(document.getElementById("txt1").value);


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


    var b = parseInt(document.getElementById("txt2").value);


    //获取选择框的值


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


    alert(c);


    //console.log(c);


    //document.write(c);


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


    //var d = window.eval(a+c+b);


    var d = '';


    switch (c) {


    case '+':


    d = a + b;


    break;


    case '-':


    d = a - b;


    break;


    case '*':


    d = a * b;


    break;


    case '/':


    d = a / b;


    break;


    default:


    }


    alert(d);


    //console.log(d);


    //document.write(d);


    //设置结果输入框的值 


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


    }

    </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代码开始,带您进入网页动态交互世界

468192 学习 · 21891 问题

查看课程

相似问题