Question

我想有一个用户可以输入数字的文本字段，如果数字是正确的，则显示“图像a”，如果错误显示文本字段下方的“图像b”，我希望它们具有尽可能多的数字尝试，因为他们想让它正确。到目前为止我唯一发现的是这个？

抱歉缺乏经验的人:(

var my_string = prompt("Please enter a number","");
document.write(my_string)
if(isNaN(my_string)){
document.write ("this is not a number ");
}else{document.write ("this is a number ");
}

Answer 1

用户将输入字符，因此您必须比较字符串。您可以使用检查相等性的===运算符;你必须检查字符串"25"。

然后，要显示图像，您必须以HTML格式提供图像。完成后，您可以使用document.getElementById("some_id")在JavaScript中获取元素。显示/隐藏是使用element.style.display = "block" vs "none"完成的。

Answer 2

这是代码段：

<script type="text/javascript">
function check_number()
{
   var num = document.getElementById('input_number').value;
   var img = num == '25' ? 'good.png' : 'bad.png';
   document.getElementById('result_image').src = img;
   document.getElementById('result').style.display = 'block';
}
</script>

<input type="text" id="input_number"
<input type="submit" onclick="check_number();return false;">

<div id="result" style="display:none;">
   <img src="blank.png" alt="" id="result_image">
</div>

Answer 3

这将帮助您入门

var my_string = prompt("Please enter a number","");
document.write(my_string);

if(my_string === '25'){
    document.write('Yesss');
} else {
    document.write('Wrong');
}

如果number是=到25

3 个答案: