Question

我的标签被隐藏了http://prntscr.com/o0q1js，但是我不知道为什么我的其他标签都没有关闭。重生> = 1等后，它们应该不被隐藏

我已经尝试过了

var SkillTreeTab = document.getElementById("SkillTreeTab");
var EquipmentTab = document.getElementById("EquipmentTab");

function checkTab() {
    if(rebirths >= 1){
        SkillTreeTab.style.visibility = 'visible'
   } else {
        SkillTreeTab.style.visibility = 'hidden'      
    }
    if(rebirths >= 2){
        EquipmentTab.style.visibility = 'visible'
    } else {
        EquipmentTab.style.visibility = 'hidden'

    }
}

但是它们从未变得可见。重生应该正确更新

JavaScript：

var cookies = 0;
var Strength = 1;

function cookieClick(){
cookies = cookies + Strength;
document.getElementById("cookies").innerHTML = cookies;
checkCursor()
};



var rebirths = 0;
var HitPoints = 0;
var ManaPoints = 0;
var SkillPoints = 0;
var NextRebirthCost = rebirthCost;

function buyRebirth(){
var rebirthCost = Math.floor(10 * Math.pow(1.1,rebirths));     //works out 
the cost of this grandma
if(cookies >= rebirthCost && rebirths < 1){                                   
//checks that the player can afford the grandma
rebirths = rebirths + 1;                                   //increases 
number of grandmas
    cookies = 0;
    HitPoints = HitPoints + 10;
   ManaPoints = ManaPoints + 10;
    SkillPoints = SkillPoints + 1;
    NextRebirthCost = Math.floor(10*Math.pow(1.1, rebirths));
    document.getElementById('rebirths').innerHTML = rebirths;  //updates 
the number of grandmas for the user
    document.getElementById('cookies').innerHTML = cookies;
    document.getElementById("HitPoints").innerHTML = HitPoints;
    document.getElementById("ManaPoints").innerHTML = ManaPoints;
    document.getElementById("rebirthCost").innerHTML = NextRebirthCost;
    document.getElementById("SkillPoints").innerHTML = SkillPoints;
};
  if (cookies >= rebirthCost)
        if (rebirths >= 1) {
           cookies = 0;
            rebirths = rebirths + 1;
            SkillPoints = SkillPoints + 1;
            NextRebirthCost = Math.floor(10*Math.pow(1.1, rebirths));
            document.getElementById('cookies').innerHTML = cookies;
            document.getElementById("rebirthCost").innerHTML = 
 NextRebirthCost;
        document.getElementById("rebirths").innerHTML = rebirths;
        document.getElementById("SkillPoints").innerHTML = SkillPoints;

        }
};

HTML：

<!Doctype html>
<html>

  <head>
       <title> Basic Clicker</title>
     <link rel="stylesheet" href="css/style.css" />
  </head>

  <body>
      <div class="nav_bar">
          <ul>
            <li><a href="GameMainWindow.html" id="onlink">Home</a></li>
           <li id="SkillTreeTab"><a href="SkillTree.html">SkillTree</a> 
    </li>
            <li id="EquipmentTab"><a href="Equipment.html">Equipment</a> 
           </li> 
             <li id="PetsTab"><a href="Pets.html">Pets</a></li>
             <li id="SkillsTab"><a href="Skills.html">Skills</a></li>
           <li id="QuestsTab"><a href="Quests.html">Quests</a></li>
    </ul>
</div>
<div class="main_container">
    <p>
        <html>

        <head>
            <link rel="stylesheet" type="text/css" href="interface.css" />
        </head>
        <title> Basic Clicker</title>

        <body>
            <style>
                div,
                a {
                    text-align: center;
                }

            </style>
            <span id="cookies">0</span>
            <br />
            <span id="rebirths">0</span>
            <br />
            <button onclick="cookieClick(); Strengthexp()">Click Me!</button>
            <br />
            Cost: 10mp <button id="BigClickBtn" onclick="Bigclick()">BigClick</button>
            <br />
            Cost: <span id="antCost">10</span> <button onclick="buyAnt()" id="antCostBtn" >Buy Ant</button> <span id="ants">0</span>
            <br />
            Cost: <span id="catCost">50</span> <button onclick="buyCat()" id="catCostBtn">Buy Cat</button> <span id="cats">0</span>
            <br />
            Cost: <span id="dogCost">100</span> <button onclick="buyDog()" id="dogCostBtn">Buy Dog</button> <span id="dogs">0</span>
            <br />
            Cost: <span id="humanCost">200</span> <button onclick="buyHuman()" id="humanCostBtn">Buy Human</button> <span id="humans">0</span>
            <br />
            Cost: <span id="rebirthCost">10</span> <button onclick="buyRebirth()" id="rebirthCostBtn">Rebirth</button>
            <br />

我希望我的所有标签页（此刻我刚刚禁用了前2个标签）都将被禁用，直到满足条件为止（在这种情况下，重生= = 1，依此类推。），但后来我无法让他们取消隐藏条件。

在JavaScript中满足条件之前，无法弄清楚如何隐藏我的标签页

0 个答案: