0

每当有人在输入文本字段中输入大于 0 的数字并点击提交按钮时，我希望能够在 div 容器中返回某个输出。我不确定我做错了什么。任何帮助将不胜感激！

HTML

<!DOCTYPE html>
<html>
<head>
<title>Button Magic</title>
<link rel='stylesheet' type='text/css' href='Jquery.css'/>
<script type="text/javascript" src="Jquery.js"></script>
</head>

<body>

<!-- Input Field-->
<input type="text" id="first" maxlength="6" placeholder="0.00">

<!-- Span -->
<span>< Type here</span>

<!-- Submit -->
<button onclick="submitNumber()">Submit</button>

<!-- Output -->
<div id="textOutput">
Are you correct?
</div>

</body>
</html>

JAVASCRIPT

function submitNumber() {

textInput = document.getElementById('first');
textOutput = document.getElementById('textOutput');

if (textInput > 0) {
textOutput.innerHTML = 'Correct!';
} else {
textOutput.innerHTML = 'Incorrect!';
}
}
4

2 回答 2

1

document.getElementById('first')返回一个dom元素，不是输入字段的值，需要读取value输入元素的属性

textInput = document.getElementById('first').value;
textOutput = document.getElementById('textOutput');

演示：小提琴

于 2013-10-04T02:59:37.640 回答
1

您需要检查变量中 DOM 元素的值textInput，您正在检查元素document.getElementById('first')）相反，您可以使用以下.value属性获取输入元素的值：

if (textInput.value > 0) {

演示

于 2013-10-04T02:59:57.460 回答