var = creer une variable
on peut creer plusieurs variables sur une seule ligne comme par exemple: var
num1, num2, num3;
on peut aussi ajouter une valeur directement à la variable: var num1, num2 =
2, num3;
guillemets dans un texte = /'
prompt = print
typeof = type de variable
exemple: num = 1;
alert(typeof num); //Affiche "number" (vu que 1 est un nombre)
parseInt = pemer de trasformer une valeur string en valeur number.
pour tranformer un nombre en chaine de caractère on fait:
var text, number1 = 4, number2 = 2;
text = number1 + '' + number2;
alert(text); // Affiche : « 42 »
Pour ajouter directement une valeur à la variable on a ces signes suivant:
+=
-=
*=
/=
%=
exemple de codes avec un des signes ci-dessus:
var num = 3;
num += 2; //num prend la valeur de 5
Pour ajouter des données à un tableau, vous devez utiliser la méthode push en lui
indiquant la valeur que vous souhaitez ajouter.
Si vous voulez ajouter Retour vers le futur à votre liste de films, vous
écrirez :
let mesFilms = ["Titanic", "Jurassic Park"]
mesFilms.push("Retour vers le futur")
console.log(mesFilms)
// mesFilms vaut ["Titanic", "Jurassic Park", "Retour vers le Futur"]
Pour supprimer la dernière donnée de votre tableau, vous pouvez utiliser la méthode
pop sans avoir besoin de passer de valeurs (c'est-à-dire, sans rien écrire entre
les parenthèses).
Si vous voulez retirer Retour vers le futur de votre liste de films, vous
écrirez :
let mesFilms = ["Titanic", "Jurassic Park", "Retour vers le futur"]
mesFilms.pop()
// mesFilms vaut ["Titanic", "Jurassic Park"]
Pour afficher le nombre d'éléments dans un tableau, on utilise la
propriétée .length (ex: tableau.length).
Sélectionner un/des élément/s html:
- document.getElemntById
- document.querySelector
- document.querySelectorAll
Modifier un/des élément/s html:
- .setAttribute
- .classList(+ .add ou .remove)
Creer un/des élément/s html:
- document.createElement
- let parentElement = document.getElementById("conteneur");
parentElement.appendChild(nouvelElement); // ajoute un enfant
(nouvelElement)
- exemple .innerHTML:
let contenuTitre = "Azertype"
let contenuParagraphe = "L'application pour apprendre à taper plus vite !"
let div = `
<div>
<h1>${contenuTitre}</h1>
<p>${contenuParagraphe}</p>
</div>
`;
let body = document.querySelector("body")
body.innerHTML = div
