Javascript 如何根据文本框的值显示图片_Javascript

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

javascript

Javascript 如何根据文本框的值显示图片,javascript,Javascript,我下载了一个java台球游戏。我想修改它注：分数之和存储在分数\文本\总计中因此，当球员射出总和小于10的球时，就会出现一张狗的照片如果球射总数大于10但小于20，则显示猫的图片（替换/隐藏狗的图片）如果球射总数超过30，则会出现奖杯图片（替换/隐藏猫图片） var DOG=document.getElementById（'DOG'）； var CAT=document.getElementById（'CAT'）；函数图片（）{ 如果（当前分数

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

注：分数之和存储在分数\文本\总计中

因此，当球员射出总和小于10的球时，就会出现一张狗的照片

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

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


var DOG=document.getElementById（'DOG'）；
var CAT=document.getElementById（'CAT'）；
函数图片（）{
如果（当前分数<10）{
DOG.style.display='block'；
CAT.style.display='none'；
}
否则{
DOG.style.display='none'；
CAT.style.display='block'；
}
}

我想你指的是JavaScript而不是Java。我还假设您使用的是vanilla JS

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

您可以尝试以下方法（未经测试）： var score=document.getElementbyId（'scoreboard'）； score.style.background=“无”

关于堆栈溢出，也有类似的解决方案激发了这一建议：

欢迎光临！请阅读并提供一个完整的答案！使用下拉列表将无法达到预期的结果。我想如果有其他人会的话。但是我不知道怎么做。谢谢，维克多，你有电子邮件吗？我不能在这里发布代码，有一个错误。谢谢

<!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>