1- Introduction à JavaScript
1.1- Qu’est-ce que JavaScript ?
JavaScript est un langage de programmation permettant de rendre les pages web
interactives. Il est principalement utilisé coté client (navigateur), mais peut-être utilisé
côté serveur avec [Link].
1.2- Inclusion de JavaScript dans une page HTML
Il existe trois façons d’intégrer JavaScript dans une page web :
a) Script en ligne (inline)
<button Salutation</button>
b) Script interne
<script>
alert ('Faites Attention');
</script>
c) Script externe (Recommandé)
<script src="[Link]"></script>
2- Les bases de Javascript
2.1- Déclaration des variables
var nom = "Jean" ; // ancienne méthode
let age = 25 ; // variable modifiable
const pays = "Haiti" ; // constante (ne change pas)
2.2- type de données
let x = 10;
let decimal = 3.14 ;// flottant
let texte = "Bonjour" ; // chaines de caractères
let estVrai = true ; // Booléen
let tableau ={1,3,5} ; // tableau
let objet ={ nom : "Jean", Age :25} ;
2.3- Opérations et Conditions
let x = 10 ;
x = x+15 ; // x vaut 15 maintenant
let x=5;
if(x >10)
{
[Link] ('X est grand');
}
else
{
[Link] ('X est Petit');
2.4 – Boucles
for(let i=0;i<5;i++)
{
[Link]('Iteration '+i);
}
let j =0;
while(j < 5)
{
[Link]("Valeur de J"+j);
}
3- Manipulation du DOM (Document Object Model)
Le DOM représente la structure HTML sous forme d’objets manipulable en JavaScript
3.1- Sélections d’éléments
let elementParId = [Link] ("monid") ;
let elementParClasse = [Link] ("maClasse") ;
let elementsParTag = [Link]("p") ;
let elementQuery = [Link]("p") ;
3.2- Modification du contenu
Let titre = [Link]("titre");
[Link]= "Mon nouveau Titre" ;
[Link] = "<em>Nouveau Titre en Italique</em>" ;
3.3- modification des Styles
[Link]="lightblue";
3.4 – ajout et suppression d’éléments
let nouveauParagraphe = [Link] ("p");
[Link]= "Nouveau Paragraphe ajouté dynamiquement" ;
[Link] (nouveauParagraphe) ;
[Link] (nouveauParagraphe) ; // suppression
3.5 – gestion des événements
[Link] ("monboutton").addEventListener ("click", function () {
alert ("Boutton Cliqué");
});
4- Les fonctions
function addition(a,b)
{
return a + b;
}
[Link](addition(3,5));
