计算器代码-慕课网

首页课程实战体系课手记专栏慕课教程

计算器代码

来源：6-11 编程练习

qq_浅忆流年_03619784

2016-11-23 19:34

大家看看我哪里错了

写回答关注

2回答

stone310: 2016-11-23 19:51:36

已采纳

<!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;
            switch( c){
                case "+":
                    result=a + b;
                    break;
                case "-":
                    result=a - b;
                    break;
                case "*":
                    result=a * b;
                    break;
                default:
                    result=a / b;

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

1 0

qq_浅忆流...

谢谢，兄弟，好了，我把网页刷新了一下就好了。。。。

2016-11-23 19:56:15

共 1 条回复 >

stone310: 2016-11-23 19:41:36

var a=document.getElementById("txt1").value;
var b=document.getElementById("txt2").value;
//1、var b那句括号位置写错了2、要设置成数字类型，否则后面相加会变成字符串拼接，因此写成下面形式
var a=parseInt(document.getElementById("txt1").value);
var b=parseInt(document.getElementById("txt2").value);

case "*":
    result=a * b;
    break;   // 这里break拼错

3 0

stone3... 回复qq_浅忆流...

3个地方，改了完美运行，我把完整代码贴出来

2016-11-23 19:51:01

共 3 条回复 >

JavaScript进阶篇

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

467382 学习 · 21877 问题

查看课程

相似问题

计算器代码

回答 1