Rappel JavaScript
Avant de commencer le travail avec le code Javascript, il faut saisir la structure de base HTML, puis
sauvegarder le fichier sous l’extension html (dans Save as type, choisir html puis dans File name
ajouter l’extension « .html »).
Un code JavaScript commence par : <script> et se termine par </script>.
Les instructions JavaScript se terminent par un « ; ».
Pour afficher un message : alert(nom de la variable) ou alert(« un texte ») ou alert(« un texte »+
nom de la variable)
Pour ajouter un commentaire :
o Sur une ligne : ou //Ceci est un commentaire
o Sur plusieurs lignes : /*Ceci
est un
commentaire */
Pour déclarer une variable :
let nom de la variable ; (ou var nom de la variable ;)
Exemple :
let age = 15;
let nom = “TOTO”;
Pour lire une valeur d’un « input » :
document.getElementById(« id de l’input »).value
Pour écrire une fonction :
function nom de la fonction ()
{
….
}
Exemple :
function getAge()
{
…..
}
Condition if :
if (condition réalisé)
{
Instruction(s) ;
}
else
{
Autre(s) instruction(s) ;
}
Exemple :
if (age>18)
{
alert("Adult");
}
else
{
alert("Ado");
}
Boucle for :
for (compteur ; condition ; modification du compteur)
{
Instruction(s) ;
}
Exemple :
for (i=0; i<nb; i++)
{
alert(i);
}
Boucle while :
while(condition)
{
Instruction(s) ;
}
Les événements permettent de déclencher une fonction lorsqu’une action est déclanchée ou pas.
Exemple :
<input type="button" value="compter" onclick="compter()">
Exemple complet HTML + JAVASCRIPT
<html>
<head>
<title> test </title>
<script>
function compter()
{
for (i=0; i<nb; i++)
{
alert(i);
}
}
function decompter()
{
for (i=0; i<nb; i++)
{
alert(nb-i);
}
}
</script>
</head>
<body>
<h1> BOUCLE FOR</h1>
Number:<input type="text" id="nb"> <br> <br>
<input type="button" value="compter" onclick="compter()">
<input type="button" value="decompter" onclick="decompter()">
</body>
</html>