je veux le montrer après avoir obtenu la valeur> ou == avec la valeur puis montrer. Et la valeur est obtenue par ajax:

1. comment afficher ci-dessous div avec la valeur?

.mainbox{
width:auto;
height:auto;
padding:20px;
background:#f00;
}
.innerbox{
width:100%;
height:100px;
margin-bottom:10px;
background:#fff;
}
<div class="mainbox">
  <div id="01" class="innerbox" style="display:block" value="100">
    <span>you have 100 point</span>
  </div>
  <div id="02" class="innerbox" style="display:block" value="150">
    <button type="button">get your point 150</button>
  </div>
  <div id="03" class="innerbox" style="display:none" value="200">
  </div>
  <div id="04" class="innerbox" style="display:none" value="250">
  </div>
  <div id="05" class="innerbox" style="display:none" value="300">
  </div>
  <div id="06" class="innerbox" style="display:none" value="350">
  </div>
</div>
-3
贝尔16 7 nov. 2019 à 09:23

1 réponse

Ce que vous essayez de faire n'est pas clair, mais d'après le code, il semble que vous souhaitiez que les points augmentent de 50 chaque fois que vous cliquez sur le bouton. J'ai un peu modifié votre code HTML pour montrer comment vous pouvez le faire.

La partie importante à comprendre est de savoir comment récupérer l'élément du document avec des méthodes comme

document.getElementById(id)

Une fois que vous pouvez accéder à l'élément, vous pouvez commencer à modifier ou à manipuler des données. Vous pouvez en savoir plus sur le DOM et les méthodes ICI

.mainbox{
width:auto;
height:auto;
padding:20px;
background:#f00;
}
.innerbox{
width:100%;
height:100px;
margin-bottom:10px;
background:#fff;
}
<div class="mainbox">
  <div id="1" class="innerbox" style="display:block" value="100">
    <p id="exampleElement">You have 100 points</p>
  </div>
  <div id="2" class="innerbox" style="display:block">
    <button type="button" onclick="handleButtonClick()">get your points</button>
  </div>
</div>

<script>
const handleButtonClick = () => {
  let el = document.getElementById('exampleElement');
  	//here you are saying your target element is 'exampleElement' 
  let num = el.innerHTML.replace(/\D/g,'')
  	//here we use Regex to strip the string of all letters, leaving only the number
  num = parseInt(num) + 50;
  	//here we convert the string to an int and add 50
  el.innerHTML = `You have ${num} points`;
  	//here we tell the target element to update with a new string
}
</script>
0
Thomas Ham 7 nov. 2019 à 09:49