Question

请不要判断我。我对HTML / jS / css很陌生。

试图弄清楚如何为基于变量的按钮添加图像的显示/隐藏功能。但是似乎没有人对我的问题有任何适当的答案。

<img src="myIMG" id="HideShowButt" onclick="gainResource2()"></img>

var resource1 = 0;

基本上，我想做的就是这样；

function HideShowButt() {
    if(resource1 >= 0.1){
          document.getElementById("HideShowButt").style.visibility= "visible";
    }   
    else{ document.getElementById("HideShowButt").style.visibility= "hidden";
    }
}

图像是具有透明背景的可单击对象，位于另一个图像的顶部。关键是，在用户获得Resource1的某个特定值之前，我不希望显示该图像。

是否有解决方案，我是否缺少明显的东西，或者这是绝对错误的方法？请记住，我正在尝试将其保存在简单的jS / html / css中。预先感谢！

Answer 1

CSS中的样式是通过显示标签完成的：

document.getElementById("HideShowButt").style.display = "none";

resp。

document.getElementById("HideShowButt").style.display = "block"

根据变量显示/隐藏图像

1 个答案: