Petits exemples en JavaScript
Styles
Balise <INPUT type=text>
Balise <IMG />
Balise <CANVAS>
Evénement : onclick
Evénement : autres
Evénement : utilisation de this
Fonction simple
Fonction avec paramètres
Variables
Manipulation de chaines de caractères
Manipulation des tableaux
Objet Math : random()
Objet Math : %
If
For
Switch
innerHTML
setInterval ou setTimeout
Cocher pour filtrer :
Choisir la couleur de fond avec des boutons
🗸
🗸
Choisir la couleur de fond parmis 6 couleurs
🗸
🗸
🗸
Changer la couleur de fond aléatoirement avec un bouton
🗸
🗸
🗸
🗸
Changer la couleur de fond aléatoirement avec un bouton et afficher sa valeur
🗸
🗸
🗸
🗸
🗸
🗸
Changer la couleur de fond aléatoirement avec un bouton, parmis un ensemble de couleurs prédéfinies
🗸
🗸
🗸
🗸
Changer la couleur de fond aléatoirement à intervalle de temps régulier
🗸
🗸
🗸
🗸
🗸
Changer la couleur de fond aléatoirement à intervalle de temps régulier avec bouton de démarrage et bouton d'arrêt
🗸
🗸
🗸
🗸
🗸
🗸
Changer la couleur d'un mot à son survol
🗸
🗸
Afficher et masquer une zone de la page
🗸
🗸
🗸
Changer la taille de la police d'une zone de la page
🗸
🗸
🗸
Afficher un mot dans une zone de texte
🗸
🗸
Afficher un mot dans une balise
🗸
🗸
Bloquer/débloquer la modification d'une zone de texte
🗸
🗸
🗸
🗸
Récopier le contenu d'une zone de texte dans une autre
🗸
🗸
Echanger les contenus de deux zones de texte
🗸
🗸
🗸
Texte défilant
🗸
🗸
🗸
🗸
🗸
Addition de deux nombres choisis par l'utilisateur
🗸
🗸
🗸
Changer une image lors du click sur un bouton
🗸
🗸
Diaporama automatique
🗸
🗸
🗸
🗸
🗸
🗸
Diaporama automatique (avec changement possible du délai)
🗸
🗸
🗸
🗸
🗸
Changer une image lors de son survol
🗸
🗸
🗸
Diaporama d'images avec deux boutons
🗸
🗸
🗸
🗸
🗸
🗸
🗸
🗸
Lancé d'un dé (version simple)
🗸
🗸
🗸
🗸
Lancé d'un dé (version améliorée)
🗸
🗸
🗸
🗸
🗸
🗸
Réagir aux touches du clavier
🗸
🗸
Dessiner des rectangles
🗸
Dessiner des cercles
🗸
Dessiner des cercles concentriques
🗸
🗸
🗸
Dessiner un cercle à un emplacement choisi par l'utilisateur (avec zone de texte)
🗸
🗸
🗸
🗸
Dessiner des formes polygonales
Dessiner un damier de couleurs aléatoires (double boucle for)
🗸
🗸
🗸
🗸
🗸
🗸
Déplacer un dessin avec des boutons
🗸
🗸
🗸
🗸
🗸
Déplacer un dessin avec les touches du clavier
🗸
🗸
🗸
🗸
🗸
Déplacer un dessin automatiquement
🗸
🗸
🗸
🗸
🗸
Déplacer un dessin à la souris
🗸
🗸
🗸
Rond clignotant (avec setInterval)
🗸
🗸
🗸
🗸
Rond clignotant (avec setTimeout)
🗸
🗸
🗸
Simulation du lancé d'un dé à 6 faces
🗸
🗸
🗸
🗸
🗸
🗸
🗸
Inserer une image
🗸
🗸
🗸
🗸
Afficher les n premières puisances de 2
🗸
🗸
🗸
🗸
🗸
🗸
🗸
Mélange des éléments d'un tableau
🗸
🗸
🗸
🗸
🗸
🗸
🗸