javascript-UABT Cheat Sheet

A Programming › JavaScript cheat sheet in English by hammiddi

javascript javascript javascript javascript javascript javascript

2,686 views 1,269 downloads 20 May 2021 History

PRs

Attributs d’évènements

onload	Après le chargement de la page
onclick	Après avoir cliqué sur l’élément (un bouton, champ input,...)
ondblclick	Après un double clic sur l’élément
oninput	Après avoir saisi une valeur dans l’élément
onchange	Après avoir changé la valeur de l’élément
onselect	Après avoir sélectionné une partie du texte de l’élément
oncopy	Après avoir copié une partie du texte de l’élément
oncut	Après avoir coupé une partie du texte de l’élément
onpaste	Après avoir collé un texte dans l’élément
onreset	Après avoir cliqué sur le bouton reset d’un formulaire
onsubmit	Après avoir cliqué sur le bouton submit d’un formulaire
onkeyup	Après avoir relâché le bouton du clavier
onkeydown	Après avoir cliqué sur n’importe quel bouton du clavier

Assignments

x = y	Sets x to the value of y
x += y	Same as x = x + y
x -= y	Same as x = x - y
*x = y**	Same as x = x * y
x /= y	Same as x = x / y
x %= y	Same as x = x % y

Fonctions

typeof	Retourne le type d’un opérande
parseInt()	Conversions entre String et Number
parseFloat()	Conversions entre String et Float
isNaN(A)	Tester si A n'est pas un nombre
prompt()	Boite de saisie de valeur
confirm()	Boite de confirmation
getElementsByTagName()	Regarde sur DOM
getElementById()	Regarde sur DOM
getElementsByClassName()	Regarde sur DOM

Operators

x + y (numeric)	Adds x and y together
x + y (string)	Concatinates x and y together
x - y	Subtracts y from x
*x y**	Multiplies x and y together
x / y	Divides x by y
x % y	Modulus: The remainder when x is divided by y
x++, ++x	Adds one to x
x--, --x*	Subtracts one from x
-x	Reverses the sign on x

Le DOM HTML

Qu’est-ce que c’est ?

 Document Object Model: Représentation du document HTML à base d’objets.
 C’est une API de programmation (c.-à-d. un ensemble de classes, de méthodes, ou d’objets prédéfinies à utiliser).
 Permet de manipuler le contenu d’un document HTML :
- Accéder aux éléments HTML (à leurs propriétés, leurs contenus,...).
- Modifier les différentes parties d’un document HTML (supprimer des éléments existants, ajouter de nouveaux éléments,...).
 L’objet prédéfini document représente tout le document HTML.
 Autres objets prédéfinis: window, event.

Opérations sur les tableaux et Les chaînes

* Opérations sur les tableaux *
.push()	Ajouter des éléments à la fin
.unshift()	Ajouter des éléments au début
..shift()	Supprimer le premier élément
.pop()	Supprimer le dernier élément
.reverse()	Inverser le tableau
.slice(0, 2)	Sélectionner une partie
.sort()	Trier un tableau
* Les chaînes de caractères *
.length	Taille
.charAt(0)	Caractère à un indice donné
.slice(3, 9)	Sélectionner une partie
.split(" ")	Découper une chaîne
.toLowerCase()	Écriture en minuscule
.toUpperCase()	Écriture en majuscule

DOM propriétés

.value	La valeur de l’attribut value (éléments input, progress, option)
.textContent	La valeur textuelle des éléments label, p, textarea, td,...
.style.color	La couleur du texte
.style.width	La largeur de l’élément
.style.height	La hauteur de l’élément
.style.borderColor	La couleur de la bordure
.style.borderStyle	Le style de la bordure
.style.bachgroundColor	La couleur du fond
.style.fontFamily	La police du texte
.style.textAlign	L’alignement du texte
.innerHTML	Retourne le code HTML du contenu de l’élément

Comparisons

x == y	Returns true if x and y are equal
x === y	Returns true if x and y are identical
x != y	Returns true if x and y are not equal
x !== y	Returns true if x and y are not identical
x > y	Returns true if x is greater than y
x >= y	Returns true if x is greater than or equal to y
x < y	Returns true if x is less than y
x <= y	Returns true if x is less than or equal to y
x && y	Returns true if both x and y are true
x \|\| y	Returns true if either x or y are true
!x	Returns true if x is false

Comments

No comments yet.