Réalisez cette page en Javascript. La page doit contenir une <div> vide et un bouton cliquable. A chaque fois que le bouton est cliqué, il faut écrire dans la <div> un nouveau paragraphe contenant l'heure courante.
Réalisez cette page en Javascript. La page doit contenir une <div> vide et un bouton cliquable. Il s'agit du même exercice que le précédent, mais il faut ajouter le délai écoulé en secondes entre deux clicks.
Pour cela, vous pouvez utiliser la méthode statique Date.now() qui donne le nombre de millisecondes écoulées depuis le 1/1/1070.
Réalisez cette page en Javascript. Vous devez gérer une valeur entre 1 et 20 et l'afficher sous la forme d'une barre composée de + et de -. La valeur doit également être affichée en numérique.
Deux boutons + et - doivent permettre d'incrémenter ou de décrémenter la valeur (pensez à ne pas aller plus bas que 1 ou plus haut que 20).
Réalisez cette page en Javascript. Il s'agit du même exercice que le précédent, mais la valeur doit être affichée à l'aide d'un tableau en html dont les cellules doivent être définies en CSS avec une largeur, une hauteur et une couleur de fond (le rouge remplace les + et le vert remplace les -).
Réalisez cette page en Javascript. Il s'agit du même exercice que le précédent, mais les cellules doivent être cliquables afin de choisir directement la valeur (de 1 pour la première cellule à 20 pour la dernière cellule).
Réalisez cette page en Javascript. Il s'agit du même exercice que le précédent, mais le rouge est remplacé par une couleur de fond qui varie avec la valeur: vert pur quand la valeur vaut 1, rouge pur quand la valeur vaut 20. Toutes les couleurs entre 2 et 19 seront composées d'un mélange de vert et de rouge. Le vert de l'exercice précédent est remplacé par du gris clair.
Utilisez en CSS la syntaxe "rgb(rouge, vert, bleu)" pour définir la couleur.
Réalisez cette page en Javascript. Il faut écrire un message indiquant la date en français, au format suivant:
"lundi 7 mai 2024"
Utilisez des tableaux pour contenir les noms en français des jours et des mois.
Réalisez cette page en Javascript. Créez dans la page une liste déroulante permettant de choisir un jour parmi les dix jours qui suivent la date courante. Utilisez le format de l'exercice précédent: "mardi 7 mai 2024"
Affichez ensuite la date choisie, quelque part dans la page au format JJ/MM/YYYY.
Créez la liste déroulante en Javascript, avec l'aide de DOM, et utilisez une variable contenant le nombre de millisecondes écoulés depuis le 1/1/1970 donné par Date.now().
Ajoutez pour chaque jour le nombre de millisecondes dans une journée à cette variable, et recréez un objet de type Date à partir de celle-ci (le constructeur Date(x) accepte la création d'un objet de type Date à partir d'un nombre de millisecondes depuis le 1/1/1970 donné en paramètre).
Réalisez cette page en Javascript. Ecrivez un programme qui génère un nombre aléatoire compris entre 1 et 20 (cherchez comment faire sur le web).
Une liste déroulante doit permettre de deviner le nombre (à construire en Javascript à l'aide de DOM). Le programme indiquera à chaque coup si le nombre choisi est plus petit ou plus grand. Lorsque le nombre est trouvé, le programme doit indiquer en combien de coups et ne doit plus rien faire.
Réalisez cette page en Javascript. Ecrivez un programme qui demande de choisir nombre et qui affiche la table de multiplication de ce nombre
Affichez cette table dans une balise <table> afin de pouvoir aligner les nombres à droite. Essayez de reproduire fidèlement le style CSS de l'exemple (padding, border...).
Réalisez cette page en Javascript. Ecrivez un programme qui affiche un tableau de 20 cellules où la couleur de fond d'une cellule est modifiée toutes les 500ms.
Ajoutez deux boutons cliquables, + et -, pour augmenter ou diminuer la vitesse d'affichage (par incrément ou décrément de 100ms).
Utilisez quatre fonctions dans votre programme: une pour créer le tableau et lancer l'animation, deux pour gérer les onclick sur les boutons + et - et une dernière qui change la couleur d'une cellule et qui s'appelle elle-même après un délai donné en millisecondes. Pour cela, utilisez la fonction setTimeout (en réalité, une méthode de l'objet window). Cherchez sur le web comment utiliser setTimeout.
Réalisez cette page en Javascript. Il s'agit du même exercice que le précédent, mais vous devez créer une fonction qui ajoute la valeur reçue en paramètre à la durée. Faites en sorte que cette fonction soit appelée à l'aide des boutons + et - et arranger vous pour leur passer les valeurs +100 et -100.
Utilisez pour cela une fermeture pour y stocker ces valeurs. ici se trouve un petit rappel sur les fermeture.
Réalisez cette page en Javascript. Créez deux types d'objets: Membre et Groupe.
Les objets Membre doivent avoir au minimum:
Les objets Groupe doivent avoir au minimum:
L'ajout d'un groupe à un membre doit également ajouter le membre à ce groupe. Si un même groupe est ajouté plusieurs fois à un membre, il ne peut apparaitre qu'une seule fois.
Utilisez deux variables globales, groupes=[] et membres=[], pour mémoriser dans des tableaux (Array) les groupes et les membres. Les méthodes ajouterGroupe() et ajouterMembre() doivent remplir ces tableaux.
L'ajout d'un membre à un groupe doit également ajouter le groupe à ce membre. Si un même membre est ajouté plusieurs fois à un groupe, il ne peut apparaitre qu'une seule fois.
L'exemple présenté ci-dessus utilise le code:
var groupes = [];
var membres = [];
g1 = new Groupe("les bleus");
g2 = new Groupe("les noirs");
g3 = new Groupe("les rouges");
m1 = new Membre("mobile", "jean");
m2 = new Membre("limite", "pierre");
m3 = new Membre("assure", "anne");
m4 = new Membre("pause", "jean-marie");
m5 = new Membre("lemange", "caroline");
g1.ajouterMembre(m1);
g1.ajouterMembre(m2);
g1.ajouterMembre(m2);
g2.ajouterMembre(m1);
g2.ajouterMembre(m4);
g2.ajouterMembre(m5);
m2.ajouterGroupe(g3);
m3.ajouterGroupe(g1);
m3.ajouterGroupe(g3);
m3.ajouterGroupe(g3);
Essayez avec ces données d'obtenir le même résultat que dans l'exemple.
Réalisez cette page en Javascript. Il s'agit du même exercice que le précédent, mais il faut le réaliser en créant un type d'objet Liste (en plus de Groupe et de Membre).
Les objets Liste doivent avoir au minimum:
La méthode ajouter(élément) doit ajouter l'objet donné en paramètre à la liste. Elle doit être appelée à partir des objets Groupe et Membre (pour cela, il faut que ces objets reçoivent la liste lors de leur construction).
La méthode afficher(id) doit afficher le contenu de la liste dans une <div> dont l'identificateur est donné en paramètre
L'exemple présenté ci-dessus utilise le code:
l1 = new Liste("groupes");
l2 = new Liste("membres");
g1 = new Groupe(l1, "les bleus");
g2 = new Groupe(l1, "les noirs");
g3 = new Groupe(l1, "les rouges");
m1 = new Membre(l2, "mobile", "jean");
m2 = new Membre(l2, "limite", "pierre");
m3 = new Membre(l2, "assure", "anne");
m4 = new Membre(l2, "pause", "jean-marie");
m5 = new Membre(l2, "lemange", "caroline");
g1.ajouterMembre(m1);
g1.ajouterMembre(m2);
g1.ajouterMembre(m2);
g2.ajouterMembre(m1);
g2.ajouterMembre(m4);
g2.ajouterMembre(m5);
m2.ajouterGroupe(g3);
m3.ajouterGroupe(g1);
m3.ajouterGroupe(g3);
m3.ajouterGroupe(g3);
l1.afficher("groupes");
l2.afficher("membres");
Essayez avec ces données d'obtenir le même résultat que dans l'exemple.