为什么没有结果。。。。啊啊啊啊啊啊啊

来源:6-11 编程练习

weixin_慕慕7517455

2017-02-22 22:26

为什么没有结果。。。。啊啊啊啊啊啊啊

写回答 关注

2回答

  • 慕仔6257779
    2017-02-24 17:15:00
    已采纳

    <!doctype html>

    <html>

    <head>

    <meta charset="utf-8">

    <title>无标题文档</title>

    <style>

    input::-ms-clear{display:none;}

    input::-ms-reveal{display:none;}

    input{outline:none;}

    </style>

    <script>

    window.onload = function(){

    var oTxt1 = document.getElementById('txt1');

    var oTxt2 = document.getElementById('txt2');

    var oBtn = document.getElementById('btn');

    var oSel = document.getElementById('sel');

    var oTxt3 = '';

    oBtn.onclick =  function(){

    var num1 = parseInt(oTxt1.value);

    var num2 = parseInt(oTxt2.value);

    var sel = oSel.value;

    switch(sel){

    case '+':

    oTxt3 = num1 + num2 ;

    break;

    case '-':

    oTxt3 = num1 - num2 ;

    break;

    case '*':

    oTxt3 = num1 * num2 ;

    break;

    default:

    oTxt3 = num1 / num2 ;

    }

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

    }

    }

    </script>


    </head>


    <body>

    <form action="">

        <input type="text" name="第一个数" id="txt1"/>

            <select name="运算符" id="sel">

            <option value="+">+</option>

            <option value="-">-</option>

            <option value="*">*</option>

            <option value="/">/</option>

            </select>

              <input type="text" name="第二个数"  id="txt2"/> 

              <input type="button" name="=" value="=" id="btn"/>

     <input  type="text" name="结果"  id="result"/>

        </form>

    </body>

    </html>

    能运行出来的

    weixin...

    非常感谢!

    2017-02-24 20:11:21

    共 1 条回复 >

  • hyl黄大仙
    2017-02-22 22:55:35

    你的代码有误

JavaScript进阶篇

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

468061 学习 · 21891 问题

查看课程

相似问题