Avoir seulement un nombre de inner.HTML [Résolu]

Signaler
Messages postés
2
Date d'inscription
mercredi 1 septembre 2010
Statut
Membre
Dernière intervention
26 avril 2021
-
Messages postés
2
Date d'inscription
mercredi 1 septembre 2010
Statut
Membre
Dernière intervention
26 avril 2021
-
Bonjour,
Je suis en train d'apprendre Javascript et j'ai besoin de votre aide svp

Voilà mon code HTML:

<div class="Stylo">En stock hier: 6 541 pièces</div>
<div class="Stylo">En stock aujourdhui: 1 422 pièces</div>


Je vieux extraire uniquement le chiffre 6541 (sans espace) et le mettre dans "value":

<form>
<div><input type="number" id="stock" class="stylo" min="0" value="0"></div>
</form>

avec la

<button class="example" onclick="myFunction()">Stock</button>
<script>
function myFunction(){
var x = document.getElementsByClassName("Stylo");
document.getElementById("stock").value = x[0].innerHTML;
</script>


Evidemment le script ne marche pas.
Merci

2 réponses

Messages postés
32477
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
15 mai 2021
3 489
Bonjour,

Déjà, merci d'utiliser les balises de code pour poster du code sur le forum..
Explications ( à lire ENTIEREMENT ! ) disponibles ici : https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code

Ensuite, une petite recherche sur comment extraire un nombre d'une chaine t'aurait permis de trouver des codes comme par exemple
function myFunction(){
    var x =  document.getElementsByClassName("Stylo");
    var str = x[0].innerHTML;
    console.log('STR = ', str );
    var res =str.replace(/\D/g, ""); // on ne garde que les chiffres
    console.log('RES = ', res );
    document.getElementById("stock").value = res; 
}


.
Cordialement,
Jordane
Messages postés
2
Date d'inscription
mercredi 1 septembre 2010
Statut
Membre
Dernière intervention
26 avril 2021

Merci jordane45 ça marche!
désolé je n'ai pas fait attention pour les balises de code. C'est mon premier post. je ferai mieux la prochaine fois! :-)