A voir également:
- Addition javascript
- Addition excel - Guide
- Bash addition ✓ - Forum Shell
- A javascript error occurred in the main process - Forum Matériel & Système
- Telecharger javascript - Télécharger - Langages
- [Shell] Comment additionner des valeurs ✓ - Forum Shell
4 réponses
bonjour,
pour information:
La zone de texte monoligne <input>
Zone de texte multiligne <textarea>
je n'ai rien inventé c'est dit sur 2 site de référence.
source: https://formations.alsacreations.fr/formation-initiation-html-css.html
et un autre très connu :
https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3/1607171-creez-des-formulaires
Pour ce qui est du code on n'as pas besoin de formulaire car ici on veut juste calculer en javascript alors on peux ce servir juste de ce qu'on a besoin sans s'occuper pour une fois du w3c.
bon javascript c'est pas très pratique il serait préférable de le faire en jquery par la suite.
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>test</title>
<script>
var test = function()
{
object = document.getElementById("bouton")
object.onclick=function()
{
var nombre1 = parseInt(document.getElementById("nombre1").value);
var nombre2 = parseInt(document.getElementById("nombre2").value);
var resultat = nombre1 + nombre2;
alert(resultat)
};
}
</script>
</head>
<body onload="test()">
<p>nombre1: </p><input id="nombre1" type="text" /><br />
<p>nombre2: </p><input id="nombre2" type="text" />
<button id="bouton">Calculer</button>
</body>
</html>
En gros la technique consiste a jouer avec des variables.
des variables représentant un élément html qui utilise des éléments déclencheur.
il suffit de récupérer les 2 input concerner et de les additionnés en les fessant passer pour des INT a la place de caractère avec parseInt
faut aussi faire attention que javascript s'exécute une fois le html charger car si on respecte le javascript dans le head. il sera exécuté en premier alors que les input ne seront pas encore présent sur la page au moment du chargement de cette page.
Je ne peux pas faire plus court comme explication.
pour information:
La zone de texte monoligne <input>
Zone de texte multiligne <textarea>
je n'ai rien inventé c'est dit sur 2 site de référence.
source: https://formations.alsacreations.fr/formation-initiation-html-css.html
et un autre très connu :
https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3/1607171-creez-des-formulaires
Pour ce qui est du code on n'as pas besoin de formulaire car ici on veut juste calculer en javascript alors on peux ce servir juste de ce qu'on a besoin sans s'occuper pour une fois du w3c.
bon javascript c'est pas très pratique il serait préférable de le faire en jquery par la suite.
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>test</title>
<script>
var test = function()
{
object = document.getElementById("bouton")
object.onclick=function()
{
var nombre1 = parseInt(document.getElementById("nombre1").value);
var nombre2 = parseInt(document.getElementById("nombre2").value);
var resultat = nombre1 + nombre2;
alert(resultat)
};
}
</script>
</head>
<body onload="test()">
<p>nombre1: </p><input id="nombre1" type="text" /><br />
<p>nombre2: </p><input id="nombre2" type="text" />
<button id="bouton">Calculer</button>
</body>
</html>
En gros la technique consiste a jouer avec des variables.
des variables représentant un élément html qui utilise des éléments déclencheur.
il suffit de récupérer les 2 input concerner et de les additionnés en les fessant passer pour des INT a la place de caractère avec parseInt
faut aussi faire attention que javascript s'exécute une fois le html charger car si on respecte le javascript dans le head. il sera exécuté en premier alors que les input ne seront pas encore présent sur la page au moment du chargement de cette page.
Je ne peux pas faire plus court comme explication.