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

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

<!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 回答

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

  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>


0 回复 有任何疑惑可以回复我~

举报

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

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

进入课程

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

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