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 :

Actualiser un affichage


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Août 2018
    Messages
    33
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Août 2018
    Messages : 33
    Par défaut Actualiser un affichage
    Bijour,

    j'ai un input nombre et un input augmentation
    lorsque je clicque sur un boutton appeler valider, nombre + augmentation est affiché.
    j'aimerai que lorsque je reclique sur valider le résutat s'actualise
    par exemple :
    nombre = 5
    augmentation = 7

    résultat : 12

    si je reclique sur valider j'aimerai avoir :

    résultat : 19

    et non pas:
    résultat : 12
    19

    Merci

    P.S je n'arrive pas à additionner les dernières valeurs de deux tableaux
    si le premier est égal à 5 et me deuxième à 2, au lieu d'afficher 7 il affiche 52...


    Quant aux personnes qui m'ont aidé et qui se demandent (encore) ou j'en suis j'ai tout refait et c'est déja beaucoup plus simple et ca marche le résultat en cliquant sur le lien (je ferai une meilleure mise en forme avec CSS d'ici peu (si j'en ai besoin))
    https://jsfiddle.net/floflo777/zht9opcw/283/

  2. #2
    Invité
    Invité(e)
    Par défaut
    Bonjour,

    Citation Envoyé par darkside777 Voir le message
    ...si le premier est égal à 5 et me deuxième à 2, au lieu d'afficher 7 il affiche 52...
    En JavaScript, les valeurs des input sont toujours de type "string".

    Pour les transformer en type "nombre", il faut utiliser :

  3. #3
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Août 2018
    Messages
    33
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Août 2018
    Messages : 33
    Par défaut
    Génial
    Merci beaucoup
    j'ai fait ca avec mes tableaux et ca fonctionne parfaitement

  4. #4
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Août 2018
    Messages
    33
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Août 2018
    Messages : 33
    Par défaut
    Tout d'abord merci à jreaux62 pour la réponse !

    Et pour la première partie de ma question, je reviens en force avec un exemple que j'ai copié sur internet (je sais que ce n'est pas bien et je ne le referai plus parce que ce n'est pas constructif de copier sans apprendre )
    https://jsfiddle.net/floflo777/3L2xdo0f/2/
    le voila en fait j'ai remarqué que le nombre de cookie et que le CPS s'actualise à chaque fois et j'aimerai savoir comment c'est possible.
    j'ai bien sur un peu examiné le code au préalable et trouvé des indices pour trouver une réponse mais je n'arrive pas à recréer ca (juste actualiser un nombre à chaque click) la seule chose que je comprends c'est que si on enlève certaines lignes de codes ca ne s'actualise plus.
    En tout cas si vous trouvez une quelconque réponse à ma question Merci beaucoup
    et si vous auriez un exemple à me proposer je vous en serait très reconnaissant !
    Merci !

  5. #5
    Invité
    Invité(e)
    Par défaut
    Bonjour,

    Quand tu nous montreras un code SIMPLE, écrit par TOI,....
    (comme je te l'ai déjà conseillé plusieurs fois)

    ...là, je te repondrais.

  6. #6
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Août 2018
    Messages
    33
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Août 2018
    Messages : 33
    Par défaut
    Code HTML : 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
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    <html>
     
        <body>
     
            <h1> Affichage </h1>
     
            <button type="button" id="boutonTest"> click </button>
     
            <p id="CookieAmount"> </p>
     
            <script>
                    
                    var bouton = document.getElementById("boutonTest");
                    bouton.addEventListener("click", updateCookie);
     
                    var cookie = 0;
     
                    function updateCookie() {
                    cookie = cookie + 1;
                            document.getElementById("CookieAmount").innerHTML = cookie + " cookie.";
                    }
     
            </script>
     
        </body>
     
    </html>

    https://jsfiddle.net/floflo777/owx9Luzr/2/

Discussions similaires

  1. [JTree] Actualiser l'affichage du tree
    Par Houssem dans le forum Composants
    Réponses: 6
    Dernier message: 10/05/2007, 12h56
  2. Actualiser l'affichage d'une applet
    Par carlosml dans le forum Applets
    Réponses: 1
    Dernier message: 21/08/2006, 09h35
  3. Actualiser l'affichage de boutons
    Par pouillou dans le forum Interfaces Graphiques en Java
    Réponses: 4
    Dernier message: 07/05/2006, 18h09
  4. Actualiser l'affichage jtable
    Par Blast dans le forum Composants
    Réponses: 6
    Dernier message: 21/04/2006, 17h45
  5. Réponses: 7
    Dernier message: 24/01/2006, 15h34

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