DigitalDW

Instruction générale : ne pas utiliser HTML, mais uniquement CSS et JS.

==== Exercice 1 ====

1. En utilisant une boucle, générez une ligne d'éléments, numérotée de 1 à 5.
2. Définissez une couleur pour vos cellules.

Résultat final

Solution

DigitalDW

Le but de cet exercice est très simple: comme son nom l'indique, il s'agit de créer un jeu de démineur (très basique, rassurez-vous) en utilisant vos connaissances acquises en cours. La création du jeu peut se séparer en plusieurs étapes:

1. Pour commencer, créez une grille de 10x10 cases. Utilisez la méthode de votre choix (pur html, document.createElement, etc). Assurez-vous que:

   1. Chaque case a une class (ou un id) qui permette de référencer chaque élément individuellement. Le format que je conseille pour l'identification est le suivant: #1_#2, où #1 équivaut au numéro de ligne et #2 au numéro de colonne (donc: 1_1, 1_2, 1_3, etc, ou bien, et je le recommande: 0_0, 0_1, 0_2, etc, comme si vous vouliez appliquer une logique similaire à un tableau JS).
   2. Faites un peu de style pour que l'on distingue clairement chaque case.

2. Créez un tableau (javascript) qui contienne autant de lignes et de colonnes que la grille (donc 10x10).

3. Conseil: il s'agit d'un tableau qui contient des tableaux (don

DigitalDW

Faire une code qui:
1. Lance deux dès 6. Le but étant d'atteindre un score de 20, les règles sont les suivantes:
  1. On garde la plus haute valeur des deux dès sauf...
  2. ... si le lancer est un double (1 et 1, 2 et 2, etc...), dans ce cas on garde les deux valeurs.
  3. Compter le nombre de lancers nécessaires pour atteindre 20.

2. 

DigitalDW

==== Exercice 1 ====

1. En utilisant Math.random(), créez une fonction qui retourne un nombre entre 1 à 50.
2. Développez un petit jeu où, sur une page HTML, l'utilisateur doit deviner le nombre choisi en 6 essais:
   1. Si le nombre de l'utilisateur est plus petit que la réponse, indiquez "c'est plus!".
   2. Si le nombre de l'utilisateur est plus grand que la réponse, indiquez "c'est moins!".
   3. S'il ne le trouve pas au bout de 6 essais, signalez sa défaite.
   4. S'il le trouve, signalez sa victoire de manière élogieuse.

Solution par Arnaud Stephan (sans objet)

DigitalDW

==== Exercice 1 ====

Créez la fonction "deplacement" avec deux arguments : direction et distance. La fonction renvoie à l'utilisateur, selon les arguments entrés, "Vous êtes allé(e) au/à argument 1 pendant argument 2 km." Pour rappel : https://developer.mozilla.org/fr/docs/Web/JavaScript/Guide/Fonctions

Solution

==== Exercice 1.5 ====

Lire et comprendre:

DigitalDW

#Heading 1 ##Heading 2 ###Heading 3 ####Heading 4 #####Heading 5 ######Heading 6

---

Paragraph

DigitalDW

==== Exercice 1 ====

Créez des fonctions de calcul basiques (soustraction, addition, etc). Testez vos fonctions! Par exemple:

function somme(n, m) {
  return n + m
}

Test et output:

DigitalDW

https://codepen.io/lamiantoine/pen/OByyjQ?love_type=gamma
https://codepen.io/jason-ola/pen/xyZxpb?love_type=gamma
https://codepen.io/Kykka95/pen/gBOEqy?love_type=gamma
https://codepen.io/samwallot/pen/ePNjrm?love_type=gamma
https://codepen.io/Lucile24/pen/ZMgJPN?love_type=gamma
https://codepen.io/amirhossein-asadizanjani/pen/wYMvep
https://codepen.io/LeaKeller/project/editor/ZgnrWj
https://codepen.io/Tarandrea/pen/zmGYPq
https://codepen.io/bewi/full/mzJpra/
https://codepen.io/Pedrooska/pen/XPvPKy

DigitalDW

Exercice 1

Lisez et comprenez les codes suivants. Notez les outputs attendus si demandé:

1.1. Quel output pour:

---

let a = 4;
b = a*a;
console.log(b)

DigitalDW

==== Exercice 1 ====

Vous sont donnés ce qui est entré dans la console et ce qui en ressort. Complétez le code afin que l'instruction soit valide.

1.1.

Entrée :

  let a = 3;