← Revenir vers le Homepage

✨ Démos code interactives ✨

Voici des démos éditables.

Vous pouvez éditer le code du HTML/CSS/Javascript sur la fenêtre gauche, et voir le résultat "en temps réel" à droite! (Cela prend 2-3 secondes après le dernier changement.)

Si jamais vous voulez effacer vos changements, vous pouvez rafraîchir la page.

✨ SVG ✨

1. Animation sur la taille SVG

✨ CSS ✨

1. Alignement vertical d'une image dans un div

✨ JavaScript ✨

Clic pour changer de couleur

Clic pour afficher une image

Note sur la demo ci-dessous: remarquez que le HTML au debut ne contient pas d'image du tout!

Clic pour augmenter ou décrementer un compteur + passer un id par parametre

Note sur la demo ci-dessous: remarquez comment est-ce que l'appel de onClick est fait dans le HTML:

On desire soit appeler les fonctions de decrementer ou d'augmenter, dependant du nom de l'id du button (on a l'id *buttonMoins* pour le button qui fait "-" et l'id *buttonPlus* pour le button qui fait "+".

Generer un chiffre au hasard

Avec la function Math.random

Changer image et texte selon bouton choisi

Notez qu'au debut, notre balise img ne contient pas de source du tout - on y ajoute apres avec le script.