                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

我的为什么没反应

<!DOCTYPE html>

<html>

<head>

<title> 事件</title>

<script type="text/javascript">

function count(){

var result;

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

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

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

switch(calcul){

case "+":

result=parseInt(num1)+parseInt(num2);

break;

case "-":

result=parseInt(num1)-parseInt(num2);

break;

case "*":

result=parseInt(num1)*parseInt(num2);

break;

case "/":

result=parseInt(num1)/parseInt(num2);

break;

}

return result;

console.log(result);

typeof(result);

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

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

//获取选择框的值

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

//设置结果输入框的值

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

var num3=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>

田马达加斯加

2018-10-11

源自：JavaScript进阶篇 6-11

关注问题我要回答

1172

操作

收起

4 回答

weibo_我在四年后等你_03978156 回答被采纳 +2 积分
2018-10-12

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

var num3=result;

换成：document.getElementById("fruit").value=result;试一下

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

幕布斯3810550
2018-10-14

注释这几行

//return result;

//var num3=document.getElementById("fruit").value；

//var num3=result;

改为

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

就可以了

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

#1

田马达加斯加提问者

谢谢你了！

2018-10-15 回复有任何疑惑可以回复我~

慕斯卡1634668
2018-10-13

不用返回result，去掉return result就行了。

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

coder_monkey
2018-10-11

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
 content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title> 事件</title>
    <script type="text/javascript">
 function count(){

            //获取第一个输入框的值
 var a = parseInt(document.getElementById('txt1').value);
 console.log(typeof (a));
 //获取第二个输入框的值
 var b = parseInt(document.getElementById('txt2').value);
 console.log(b);
 console.log(typeof (b));
 //获取选择框的值
 var c = document.getElementById('select').value;
 console.log(c);
 //获取通过下拉框来选择的值来改变加减乘除的运算法则
            //设置结果输入框的值
 var d = document.getElementById('fruit');
 console.log(d)
            if(c == '+'){
                d.value = a + b;
 }else if(c == '-'){
                d.value = a - b;
 }else if(c == '*'){
                d.value = a * b;
 }else{
                d.value = a / b;
 }
        }
    </script>
    <script>
 var aa = 1;
 var bb = 2;
 var cc = aa + bb;
 console.log(cc)
    </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=' = ' /> <!--通过 = 按钮来调用创建的函数，得到结果-->
<input type='text' id='fruit' />
<input type="button" onclick="count()" value="click">
</body>
</html>

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

#1

田马达加斯加提问者

还是没明白我的代码哪里出错了

2018-10-11 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

JavaScript进阶篇

参与学习 468188 人
解答问题 21891 个

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

本课相似问答

7 回答我写的为什么没有反应？

4 回答为什么我这个没反应？

4 回答为什么我写的代码没反应？

4 回答为什么没反应

2 回答为什么没反应

搜索更多本课相关问答

我的为什么没反应

我要回答关注问题

意见反馈帮助中心 APP下载