CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

Javascript pour faire un "Tableur"

Eliphorio
Eliphorio
Niveau 6
16 mars 2019 à 13:48:25

Bonjour à tous,
Je suis débutant en développement, et j'essaie de développer un site (html, css, js) qui s'apparenterait à un tableur. J'ai donc créer mon tableau tr td et j'ai mis des input avec des id, et des affichages simple. j'ai aussi creer un script javascript afin d'afficher dans la derniere case id="resultat" la division de la premiere case id="dividende" par la deuxieme id="diviseur".
mon probleme est le suivant : je ne sais pas d'où vient mon erreur...
le script se déclenche quand je quitte la zone de saisie, mais ça ne se passe pas comme je l'attend. probleme de " " ou de , je ne sais pas, et j'espere trouver la solution aupres de vous.

mon tableau :
<tr>
<td><input id="dividende_1" type="number"></td>
<td><input id="diviseur_1" type="number" onchange="benef(dividende_1, diviseur_1);"> </td>
<td id="resultat_1"></td>
</tr>
mon script :
function benef(dividende, diviseur, resultat) {
var dividende = document.getElementById(dividende) ;
var diviseur = document.getElementById(diviseur) ;
var resultat = document.getElementById(resultat) ;
resultat.innerHTML = dividende/diviseur ;
}

fanof_banni
fanof_banni
Niveau 13
17 mars 2019 à 22:52:57

Met des console.log partout pour voir ce qu'il se passe et quelle valeur prend chaque variable.

Etonnamment (pour moi) tu n'as pas besoin de faire tes document.getElementById, javascript crée automatiquement une variable prenant comme nom l'ID de l'élément, et pointant directement dessus.

Tu as oublié de passer le troisième paramètre de ta fonction benef() dans le onchange.

A noter qu'un onkeyup est un peu plus agréable à l'usage qu'un onchange.

fanof_banni
fanof_banni
Niveau 13
17 mars 2019 à 23:04:06

Ah, j'oubliais, pour récupérer la valeur d'un input, tu dois utiliser .value

Sous forums
  • Aide à l'achat Mac
  • Steam Deck
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Internet
  • Macintosh
  • Hardware