HTML ET JS : insérer le contenu d'une variable js dans une balise text en html

Fermé

draeni31 Messages postés 2 Date d'inscription mardi 10 mars 2020 Statut Membre Dernière intervention 10 mars 2020 - Modifié le 10 mars 2020 à 11:16
draeni31 Messages postés 2 Date d'inscription mardi 10 mars 2020 Statut Membre Dernière intervention 10 mars 2020 - 10 mars 2020 à 17:58

Bonjour,
j'aimerai un code /javascript/ et /html/ simple permettant l'opération suivante:
let a = balise "a.value";
let b=balise"b.value";
let result= a+b;
et mettre la variable result dans une balise html en cliquant sur un input type button.
j'ai essayé plein de code, mais aucun ne marche car je n'arrive pas à définir ma variable qui pourtant est simple et qui fonctionne en 'alert' ou console.log :( si vous pouvez m'éclairer avec un code simple ... je pédale dans la choucroute depuis 3 jours :'

A voir également:

Afficher variable javascript
Editeur html - Télécharger - HTML
Espace html ✓ - Forum HTML
Espace en html - Astuces et Solutions
[**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
&Nbsp html ✓ - Forum Webmastering

2 réponses

Réponse 1 / 2

jordane45 Messages postés 38454 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 22 mars 2025 4 740
10 mars 2020 à 13:33

Partage nous ton code HTML et nous t'aideront à réaliser le javascript qui va avec

Réponse 2 / 2

draeni31
Modifié le 10 mars 2020 à 16:23

Merci et voici mon code :

<!DOCTYPE html>
<html lang="fr">

<head>
 <meta charset="utf-8" />
 <link rel="stylesheet" href="style.css" media="screen" type="text/css" />
 <title>intro.php3 js</title>
</head>

<body>

<input type="text" id="chiffre1" placeholder="entrer un chiffre"/>
<br>

<input type="text" id="chiffre2" placeholder="entrer un chiffre"/>
<br>

<input type="button" value="calcul" id="boutonone" onclick="first();"/>
<br>

<p id="premierp">para1</p>

 <script type="text/javascript" >
 
 function first(){
  let nombre1 = parseInt(document.getElementById("chiffre1").value);
  let nombre2 = parseInt(document.getElementById("chiffre2").value);
let result1 = nombre1 + nombre2;
 }
 boutonone.addEventListener("click", first(););
 
 </script>
</body>
</html>

EDIT : Ajout des balises de code

jordane45 Messages postés 38454 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 22 mars 2025 4 740
10 mars 2020 à 16:26

Bonjour,

Déjà, à l'avenir, merci d'utiliser les balises de code pour poster ton code sur le forum.
Explications disponibles ici :
https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code

Ensuite,

Soit tu fais :

boutonone.addEventListener("click", first(););

Soit :

onclick="first();"

et pour finir,
pour écrire dans ton paragraphe tu dois utiliser innerHTML

document.getElementById("premierp").innerHTML = result1;

draeni31 Messages postés 2 Date d'inscription mardi 10 mars 2020 Statut Membre Dernière intervention 10 mars 2020 > jordane45 Messages postés 38454 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 22 mars 2025
10 mars 2020 à 17:58

Merci de votre attention, c'est très gentil de passer du temps pour aider les noobs :)

Discussions similaires

Javascript Arrondi à 2 chiffres après la virgule