看了很多遍还是找不出哪里出问题了,麻烦帮忙看一下

来源:6-11 编程练习

慕哥2132778

2019-07-11 23:16

<!DOCTYPE html>

<html>

<head>

<title> 事件</title>  

<script type="text/javascript">

function count(){

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

var r1 = getElementById("txt1").value;

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

    var r2 = getElementById("txt2").value;

    //获取选择框的值

    var r3 = getElementById("select").value;

    var result;

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

    switch(r3)

    {

        case "+":

            result = parseInt(r1)+parseInt(r2);

            break;

        case "-":

            result = parseInt(r1)-parseInt(r2);

            break;

        case "*":

            result = parseInt(r1)*parseInt(r2);

            break;

case "/":

result = parseInt(r1)/parseInt(r2);

            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>


写回答 关注

2回答

  • 小期待哇
    2019-07-12 15:31:31
    已采纳

    取值时首先需要通过访问document对象,因此取值语句是document.getElementById("id").value;

    慕哥2132...

    好低级的错误,不过还是要谢谢你

    2019-07-13 08:30:15

    共 1 条回复 >

  • weibo_盹儿姐盹儿的慌_0
    2019-07-12 14:11:53

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

    慕哥2132...

    好低级的错误,不过还是要谢谢你

    2019-07-13 08:30:26

    共 1 条回复 >

JavaScript进阶篇

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

468060 学习 · 21891 问题

查看课程

相似问题