如果变量输入不同，则显示一条消息

我有一个带有2个文本框的网页，它包含一个按钮和一个段落。我想要发生的是如果用户键入一个数字到textbox1然后另一个数字到textbox2并按下名为计算的按钮。它会提出一个声明，说明数字是否低于，高于或等于textbox1中的数字。这是我的，但它没有工作。它保持不变。如果变量输入不同，则显示一条消息

<input type="text" id="textbox1" value="Enter a number" onfocus="javascript:this.value='';"> 
<input type="text" id="textbox2" value="Enter another number" onfocus="javascript:this.value='';"> 
<button onclick="calculate()">Calculate</button> 
<p id="demo"></p> 
<script> 
function calculate(){ 
var x=""; 
if (textbox1>textbox2){ 
    x="more than"; 
    } 
else if (textbox1=textbox2){ 
    x="Same"; 
    } 
else{ 
    x="Lower"; 
    } 
document.getElementById("demo").innerHTML=x; 
} 
</script>

有谁知道为什么？谢谢

来源

2014-03-25 StackUser2014

使用此：

function calculate() { 
    var x = ""; 
    if (Number(textbox1.value) > Number(textbox2.value)) { 
     x = "more than"; 
    } else if (Number(textbox1.value) == Number(textbox2.value)) { 
     x = "Same"; 
    } else { 
     x = "Lower"; 
    } 
    document.getElementById("demo").innerHTML = x; 
}

演示：http://jsfiddle.net/KDLvJ/1

来源

2014-03-25 14:51:39

如果我进入'1'和' 1.0'？ –

@BradChristie，更好地检查编辑 –

。尽管为了性能，你应该存储转换后的值。 –

你在这里执行任务（=）：

else if (textbox1=textbox2)

它应该是一个比较（==）：

else if (textbox1==textbox2)

它应该是textbox1.value和textbox1.value

jsFiddle example

来源

2014-03-25 14:50:17 j08691

您应该编辑你的代码是这样的：

<input type="text" id="textbox1" value="Enter a number" onfocus="javascript:this.value='';"> 
<input type="text" id="textbox2" value="Enter another number" onfocus="javascript:this.value='';"> 
<button onclick="calculate()">Calculate</button> 
<p id="demo"></p> 
<script> 
function calculate() 
{ 
var textbox1 = parseFloat(document.getElementById('textbox1').value); 
var textbox2 = parseFloat(document.getElementById('textbox2').value); 
var x=""; 
if (textbox1>textbox2) 
    { 
    x="more than"; 
    } 
else if (textbox1==textbox2) 
    { 
    x="Same"; 
    } 
else 
    { 
    x="Lower"; 
    } 
document.getElementById("demo").innerHTML=x; 
} 
</script>

在原来的剧本，TextBox1的1和TextBox是不确定的（功能不知道他们是什么）。

来源

2014-03-25 14:51:18

你忘记了在.value的，此刻你所得到的实际DOM对象，但它们的值。所以，简单地修改

if (textbox1>textbox2)

到

if (textbox1.value>textbox2.value)

来源

2014-03-25 14:52:54

他们是字符串，所以你需要他们的数字：

// retrieve the textboxes (inputs) 
var tb1 = document.getElementById('textbox1'), 
    tb2 = document.getElementById('textbox2'); 

// save the values as numeric 
var tb1v = new Number(tb1.value), 
    tb2v = new Number(tb2.value); 

// eventual result 
var x = ''; 

// Are they numbers? When you use `new Number` and the value isn't 
// numeric, you can check the value using isNaN (is Not-a-Number) 
if (isNaN(tb1v) || isNaN(tb2v)){ 
    x = 'Invalid number(s)'; 
} else{ 
    // now compare 
    if (tb1v > tb2v){ 
    x = 'more than'; 
    } else if (tb2v > tb1v) { 
    x = 'Lower'; 
    } else { 
    x = 'Same'; 
    } 
} 

// output it to screen 
document.getElementById('demo').innerHTML = x;

Working example

来源

2014-03-25 14:53:42

如果变量输入不同，则显示一条消息

回答

相关问题