Sujet Précédent Sujet Suivant

Avoir seulement un nombre de inner.HTML

Résolu/Fermé
ollium Messages postés 2 Date d'inscription mercredi 1 septembre 2010 Statut Membre Dernière intervention 26 avril 2021 - Modifié le 26 avril 2021 à 17:01
ollium Messages postés 2 Date d'inscription mercredi 1 septembre 2010 Statut Membre Dernière intervention 26 avril 2021 - 26 avril 2021 à 18:21
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

Réponse 1 / 2
jordane45 Messages postés 36599 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 3 décembre 2022 4 421
Modifié le 26 avril 2021 à 18:16
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
0
Réponse 2 / 2
ollium Messages postés 2 Date d'inscription mercredi 1 septembre 2010 Statut Membre Dernière intervention 26 avril 2021
26 avril 2021 à 18:21
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! :-)
0