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 -
draeni31 Messages postés 2 Statut Membre -
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 :'
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
- Br html ✓ - Forum Webmastering
- Espace en html ✓ - Forum HTML
- [**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
- Nbsp html ✓ - Forum Webmastering
2 réponses
Merci et voici mon code :
EDIT : Ajout des balises de 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
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 :
Soit :
et pour finir,
pour écrire dans ton paragraphe tu dois utiliser innerHTML
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;
