Question

我正在尝试在浏览器游戏中隐藏特定元素。当到达可见点时，它必须保持可见。目前，我已经尝试了几种方法，但是它们似乎都没有做最后一部分，即当点击次数返回到使其可见所需的数量以下时，仍保持可见。

CSS：

upgrade3 {
  display: none;
}

js1（完全无法正常工作）：

function showPerk() {

    if (clicks >= price3reached || totalupgradeperk3 > 0) { 
        do{
            document.getElementById("upgrade3").style.display =="block";
        }
        while(document.getElementById("upgrade3".style.display === 'none'));
    }
    update();
}

js2（可以工作，但是在所需数量以下时会隐藏元素）：

 if (blnhideperk = true) {

    if (clicks >= price3reached || totalupgradeperk3 > 0) { 
        document.getElementById("upgrade3").style.display = "block";
        blnhideperk === false;
    } // use === its something wierd about js = / == / === all do different comparisons
    else {
        document.getElementById("upgrade3").style.display = "none";
    }
}

升级

Answer 1

尝试

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

请注意1等号，而不是2或3，因为它们还有其他用途。

Answer 2

$PATH

并移动

if (blnhideperk = true){

if (clicks >= price3reached || totalupgradeperk3 > 0){ 
    document.getElementById("upgrade3").style.display = "block";
    blnhideperk === false;}}

循环而不是在else语句中似乎可以解决问题

隐藏和取消隐藏特定元素

2 个答案: