如何在div中显示整数

时间:2015-04-21 16:31:55

标签: javascript html

我正在努力让用户输入一个数字,在这种情况下,它将是一个电阻值,我通过提示选择一个数字然后询问他们是否在我设定的限制范围内该数字将在div中显示回用户。

我已经构建了这个并且使用了几个测试消息,所以我相信函数本身很好但是我遇到的问题是每当用户输入正确的值时,该值不会显示但是“undefined” “而是显示。

这是我正在测试的HTML,

<button onclick="R1Value()">Change Value</button>
<div id="test3"></div>

这是JavaScript函数

function R1Value() {
var R1ValueEntered = prompt("please enter a value for R1:")
var R1 = parseInt(R1ValueEntered)
var display = document.getElementById('test3');

if (R1 >= 120 && R1 <= 1000000) {
    display.innerHTML = R1.value;
} 
else {
    alert("That is an incorrect value please enter one between 120Ohms and 1MOhm.");
    }
} 

我已经进入了一个jsfiddle,即使没有很多代码,如果你可以看看它可能会节省你一些时间,http://jsfiddle.net/2ufnK/72/我可能会遗漏一些简单但我不能似乎解决了这个问题。

6 个答案:

答案 0 :(得分:5)

只需删除.value

if (R1 >= 120 && R1 <= 1000000) {
    display.innerHTML = R1;
} 

FIDDLE

答案 1 :(得分:4)

对于整数,

.value未定义。删除它,你的代码将正常工作。

答案 2 :(得分:3)

您不需要R1.value。只需致电R1即可返回其价值。

答案 3 :(得分:1)

你在这里遇到错误,你分配了R1值,而不是R1.value

if (R1 >= 120 && R1 <= 1000000) {
  display.innerHTML = R1;
}

答案 4 :(得分:1)

我尝试了你的代码。 除此之外,你可能错过了一个结束标签,它对我有用。您需要更改这些行:

    if (R1 >= 120 && R1 <= 1000000) {
    display.innerHTML = R1.value;
} else {
    alert("That is an incorrect value please enter one between 120Ohms and 1MOhm.");
}

为:

    if (R1 >= 120 && R1 <= 1000000) {
    display.innerHTML = R1;
} else {
    alert("That is an incorrect value please enter one between 120Ohms and 1MOhm.");
}

你不需要得到R1的值,因为它已经是值得的。

我希望我能提供帮助。 问候

答案 5 :(得分:-1)

您的问题是,您永远不会关闭<div>,而且还会调用R1.value,这基本上是在整数.value上调用undefined。请尝试以下方法:

function R1Value() {
    var R1ValueEntered = prompt("please enter a value for R1:")
    var R1 = parseInt(R1ValueEntered)
    var display = document.getElementById('test3');

    if (R1 >= 120 && R1 <= 1000000) {
        display.innerHTML = R1;
    } else {
        alert("That is an incorrect value please enter one between 120Ohms and 1MOhm.");
    }
}
<button onclick="R1Value()">Change Value</button>
<div id="test3"></div>