没有输出哇。。。

来源:6-11 编程练习

能小白

2018-08-08 10:55

<!DOCTYPE html>

<html>

 <head>

  <title> 事件</title>  

  <script type="text/javascript">

   function count(){

       

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

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

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

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

//获取选择框的值

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

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

var result;

switch(sel){

    case"+":result=a+b;break;

    case"-":result=a-b;break;

    case"*":result=a*b;break;

    case"/":result=a/b;break;

}

    //设置结果输入框的值 

    result=document.getElmentById("fruit");

   }

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

  • 慕粉5304803
    2018-08-11 17:36:59

    <!DOCTYPE html>

    <html lang="en">

    <head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Document</title>

    <h1 id="h1">hello</h1>

    <!-- <script src="./JS/crip.js"></script> -->

    <script type="text/javascript">

    function count(){

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

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

    //获取选择框的值

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

    //设置结果输入框的值

    var text1,text2 ,type,value;

    text1=document.getElementById("txt1").value;

    text2=document.getElementById("txt2").value;

    var myselect=document.getElementById("select");

    var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index

    type=myselect.options[index].value;

    switch(type){

    case '-' :

    value=text1-text2;

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

    break

    }

    }

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



  • 慕码人305852
    2018-08-08 11:35:44

     //设置结果输入框的值 

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


    impqpq... 回复能小白

    就是这么一个操作,加运算的话你可能要变更下,a-(-b),是可实现的

    2018-08-11 00:33:56

    共 2 条回复 >

  • 慕码人305852
    2018-08-08 11:33:34

     //设置结果输入框的值 

        document.getElmentById("fruit").value=result;


JavaScript进阶篇

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

468195 学习 · 21891 问题

查看课程

相似问题