Ce dépôt contient une démonstration simple des capacités de JavaScript intégrées dans un projet web. Il utilise HTML, CSS, et JavaScript pour créer une série d'interactions dynamiques sur une page web.
index.html
: Le fichier HTML principal qui structure le contenu de la page.style.css
: Les styles CSS pour personnaliser l'apparence de la page.script.js
: Le script JavaScript qui ajoute des fonctionnalités interactives.
Vous pouvez acceder a la demo directement ici Demo JS 1
Demande le nom de l'utilisateur et son accord pour les conditions fictives, verifie les entrées et les valides, sinon devoile les erreurs.
Un bouton qui, une fois cliqué, incrémente un compteur. Cela démontre la manipulation simple des événements et du DOM.
Un bouton permet à l'utilisateur de changer la couleur de fond de la page aléatoirement, illustrant l'utilisation des tableaux en JavaScript et la modification des propriétés CSS via le DOM.
Un élément texte qui change lorsqu'un utilisateur survole avec la souris, montrant comment gérer les événements de survol et modifier le contenu du texte dynamiquement.
Un champ de saisie et un bouton simulant l'envoi d'un message. Affiche une alerte avec le contenu du message, soulignant la récupération et l'utilisation des valeurs des champs de formulaire.
Un bouton qui, lorsqu'il est cliqué, affiche "Hello, World from Javascript" dans la console du navigateur. Cela offre un exemple simple de débogage et de journalisation en JavaScript.
Pour voir ces démonstrations en action, clonez le dépôt, ouvrez index.html
dans votre navigateur web de choix. Explorez les différentes fonctionnalités en interagissant avec les éléments de la page.
Ce projet est une introduction aux possibilités qu'offre JavaScript dans le développement web et vise à fournir une base pour des explorations plus approfondies de la programmation front-end.