Je fais un jeu de ralenti avec mon ami. Nous voulons cacher les boutons pour les mises à niveau jusqu'à ce que vous ayez acheté le dernier niveau. Dans cet exemple, vous avez besoin de 10 or pour les boutons pour apparaître. Nous les cachons avec succès, mais je ne peux pas leur montrer ensuite. Qu'est-ce que je fais mal?
a essayé plusieurs façons de montrer et de cacher, enfin compris que si le test dans les blocs de jQuery ne déclenche pas p>
p>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="content"> <p id="goldMined">0 Gold Mined </p> <p id="goldPerSec">0 Gold per Second</p> <button class="btn" onclick="mineGold()">Mine Gold</button> <br> <button class="btn" onclick="buyGoldPerClick()" id="perClickUpgrade"> Pickaxe (Currently Level 1) Cost: 10 Gold</button> <button class="btn" onclick="rentaPaul()" id ="paulUpgrade"> Rent a Paul (Currently Level 0) Cost 100 Gold</button> <button class="btn" onclick="hjulLaster()" id ="hjulLaster"> HjulLaster Upgrade for Paul (Currently Level 0) Cost 500 Gold</button> <button class="btn" onclick="tanks()" id ="tanks"> Tanks upgrade for paul (Currently level 0) cost 1000 Gold </button> </div>
3 Réponses :
La valeur initiale de Dans le code que vous avez fourni, je ne vois pas où vous l'incrémentez à atteindre 10.
la condition data.gold est 0.
(data.gold> = 10) sera toujours faux, de sorte que le bloc que suit ne sera jamais exécuté.
Jetez un oeil à cet exemple d'exemple
si P> Gold> = 10 code> et vous cliquez sur Pickaxe code> Bouton de mise à niveau suivant apparaîtra P>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="content">
<p><span id="goldMined">0</span> Gold Mined </p>
<button class="btn" onclick="mineGold()">Mine Gold</button>
<br>
<button class="btn" id="perClickUpgrade"> Pickaxe (Currently Level 1) Cost: 10 Gold</button>
<button class="btn"id ="paulUpgrade"> Rent a Paul (Currently Level 0) Cost 100 Gold</button>
</div>
Est-ce que ça comme ça.
p>
<button>Click Me</button> <button id="other" class="hidden">Now You Can See Me</button>