Avoir seulement un nombre de inner.HTML

Résolu
ollium Messages postés 2 Statut Membre -  
ollium Messages postés 2 Statut Membre -
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

  1. jordane45 Messages postés 30427 Date d'inscription   Statut Modérateur Dernière intervention   4 832
     
    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; 
    }
    


    0
  2. ollium Messages postés 2 Statut Membre
     
    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