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

draeni31 Messages postés 2 Statut Membre -
draeni31 Messages postés 2 Statut Membre - 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 :'

Afficher la suite

2 réponses

Réponse 1 / 2
jordane45 Messages postés 30426 Date d'inscription Statut Modérateur Dernière intervention 4 830

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

draeni31

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 30426 Date d'inscription Statut Modérateur Dernière intervention 4 830
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;
```
0
1. draeni31 Messages postés 2 Statut Membre > jordane45 Messages postés 30426 Date d'inscription Statut Modérateur Dernière intervention
  
  Merci de votre attention, c'est très gentil de passer du temps pour aider les noobs :)
  
  0

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

2 réponses

Discussions similaires

Newsletters