如何根据文本框的值显示图片答案

【问题标题】：How to show picture depending on the value of a textbox如何根据文本框的值显示图片
【发布时间】：2017-06-09 15:43:33
【问题描述】：

我下载了一个java台球游戏。我想修改它。

注意：分数的总和存储在 score_text_total 中

所以当玩家射出总和小于 10 的球时，会显示一张照片，例如狗的照片

如果球的总射数大于 10 但小于 20，则 CAT 的图片（替换/隐藏 DOG 的图片）

如果球射数超过30，则出现奖杯图片（替换/隐藏CAT图片）

<!doctype html>
<html lang="en">
<head>

</style>
</head>


<body>

<img src="assets/images/DOG.gif" style="display: none; background: #000;" id="DOG"/>
<img src="assets/images/CAT.gif" style="display: none; background: #ff0000;" id="CAT"/>

<script type="text/javascript">


var DOG =    document.getElementById('DOG');
var CAT =    document.getElementById('CAT');



function picture() {
if(curent_score < 10) {
DOG.style.display = 'block';
CAT.style.display = 'none';
}
else {
DOG.style.display = 'none';
CAT.style.display = 'block';
}
}


</script>

</body>
</html>

【问题讨论】：

欢迎来到Stack Overflow！请阅读How to 并提供Minimal, Complete, and Verifiable example！
Change image based on dropdown using javascript
使用下拉列表不会达到预期的效果。我认为如果其他情况会声明。但我不知道怎么做。谢谢

标签： javascript

【解决方案1】：

我假设您的意思是 JavaScript 而不是 Java。我还假设您使用的是香草 JS。

你可以制作一个 div 然后设置它的背景图片。这将允许您设置 div 的样式/将其绝对定位在您想要的位置，然后将图片更改为单个 CSS 属性。

您可以尝试类似（未经测试）： var score = document.getElementbyId('scoreboard'); score.style.background = "无";

Stack Overflow 上也有类似的解决方案激发了这个建议： Set CSS property in Javascript?

【讨论】：

嗨，维克多，你有电子邮件吗？我不能在这里发布代码，有一个错误。谢谢