IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

click en continue sur un input de type number et afficher les valeurs sur une balise


Sujet :

JavaScript

  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Avril 2011
    Messages
    447
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2011
    Messages : 447
    Par défaut click en continue sur un input de type number et afficher les valeurs sur une balise
    Bonjour,

    J'ai fais un convertisseur de poids, ce que je voudrais c'est quand je click sur l'input et que je laisse appuyé quand les nombres défiles dans l'input il puisse aussi défilé dans une autre balise à côté, mais la seul chose que j'arrive à faire c'est : lorsque je clique une fois sur la flèche haut ou bas de l'input de type number, alors dans ma balise <em> le même chiffre s'affiche bien c'est, quand je laisse appuyé que sa fonctionne pas, c'est lorsque je relâche le bouton de la souris que l'affichage ce fait dans la balise <em>

    En somme je voudrais faire comme sur ce convertisseur : https://www.digikey.fr/fr/resources/...18yq8cjamvxQ2a

  2. #2
    Membre chevronné
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2022
    Messages
    310
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 21
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Industrie

    Informations forums :
    Inscription : Juin 2022
    Messages : 310
    Par défaut
    Bonjour,
    Si j'ai bien compris :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
     
    <body>
     
        <input type="number" id="numberInput" value="0">
     
        <input type="number" id="numberInput2" value="0">
    </body>
    <script>
        const input = document.getElementById('numberInput');
        var input2 = document.getElementById('numberInput2');
        input.addEventListener('input',function(){
            input2.value=parseInt(input.value)/10
        })
    </script>
    </body>
    </html>
    Au faites un peu de code pour montrer ou tu bloques c'est toujours mieux que de poser une question qui pourrait être posé à chatGpt ...

    Cdt

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Avril 2011
    Messages
    447
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2011
    Messages : 447
    Par défaut
    D'accord merci pour ta réponse tu viens de résoudre mon problème.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [Python 3.X] Récupérer choix utilisateur sur une balise input de type radio
    Par SimonHumeau dans le forum Réseau/Web
    Réponses: 2
    Dernier message: 17/08/2015, 00h14
  2. [XL-2010] Afficher les valeurs d'une colonne non répetées sur une deuxième
    Par zombiestomp dans le forum Excel
    Réponses: 3
    Dernier message: 26/02/2014, 12h05
  3. Evénement onchange sur champ input de type number
    Par Florian_mbf dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 21/05/2013, 09h24
  4. Gérer l'appui continu sur une touche
    Par Greensource dans le forum AWT/Swing
    Réponses: 4
    Dernier message: 29/10/2008, 10h45
  5. [Javascript][Firefox] méthode click() sur une balise A
    Par jothi35 dans le forum Général JavaScript
    Réponses: 9
    Dernier message: 17/02/2006, 14h36

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo