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

帮帮忙找找错误

<!DOCTYPE html>
<html>
<head>
<title> 事件</title>
<script type="text/javascript">
   function count(){
    var x,y,v,r;
    x=document.getElementById(txt1).value;
y=document.getElementById(txt2).value;
v=document.getElementById(select).value;
    switch(v){
        case"+":r=x+y;break;
        case"-":r=x-y;break;
        case"*":r=x*y;break;
        case"/":r=x/y;break;
    }
    document.getElementById(fruit).value=r;

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

暴走小短腿儿

2019-01-15

源自：JavaScript进阶篇 6-11

关注问题我要回答

1094

操作

收起

6 回答

Hesher_17
2019-02-16

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

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

qq_慕丝5117592
2019-01-21

document.getElementById(select).value 你这样是取不到值得

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

Chancellor_
2019-01-18

<!DOCTYPE html>

<html>

<head>

<title> 事件</title>

<script type="text/javascript">

function count(){

var ans;

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

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

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

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

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

//获取选择框的值

switch(choose)

{

case "+":

ans = parseInt(one)+parseInt(two);

break;

case "-":

ans = parseInt(one)-parseInt(two);

break;

case "*":

ans = parseInt(one)*parseInt(two);

break;

case "/":

ans = parseInt(one)/parseInt(two);

break;

}

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

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

//设置结果输入框的值

}

</script>

</head>

<body>

数字：<input type='text' id='txt1' />

<select id='select'>

<option value='+'>+</option>

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

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

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

</select><br>

数字：<input type='text' id='txt2' /> <br>

<input type='button' value=' = ' onclick="count()"/>

<input type='text' id='fruit' />

</body>

</html>

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

苏苏酱
2019-01-17

x=document.getElementById(txt1).value;//ID没加引号；

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

Dino昵称已占用
2019-01-16

<!DOCTYPE html>

<html>

<head>

<title> 事件</title>

<script type="text/javascript">

function count(){

var x,y,v,r;

x=parseInt(document.getElementById("txt1").value);

y=parseInt(document.getElementById("txt2").value);

v=document.getElementById("select").value;

switch(v){

case"+":r=x+y;break;

case"-":r=x-y;break;

case"*":r=x*y;break;

case"/":r=x/y;break;

}

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

}

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

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

慕移动5083425
2019-01-16

给你个参照

<script type="text/javascript">

function count(){

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

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

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

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

//获取选择框的值

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

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

var d="";

switch(c){

case "+":

//d=a+b;

d=parseInt(a)+parseInt(b);

break;

case "-":

d=a-b;

break;

case "*":

d=a*b;

break;

default :

d=a/b;

}

//设置结果输入框的值

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

}

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

举报

0/150

提交

取消

JavaScript进阶篇

参与学习 467388 人
解答问题 21877 个

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

本课相似问答

1 回答帮帮忙找找错误

2 回答帮忙找找错。。。。

3 回答各位帮帮忙来帮我找下错误

3 回答求帮忙找错

1 回答大家帮忙找找哪错了

搜索更多本课相关问答

帮帮忙找找错误

我要回答关注问题

意见反馈帮助中心 APP下载