Web: Client 2

Web: Client 2


1.2- Syntaxe JavaScript

1.3- Exercices

2- Récapitulatif HTML/CSS

Pair/impair

Créer une fonction qui reçoit un nombre en paramètre et indique s'il est pair ou impair.

[Nombre] est [pair/impair]

Quel état?

Créer une fonction qui recoit la température de l'eau en paramètre et affiche son état à la console :

À [Température] l`eau est [état]

À table

Créer une fonction qui affiche la table de multiplication simple d'un nombre reçu en paramètre

Par exemple, pour 10
0 * 10 = 0
1 * 10 = 10
2 * 10 = 20
...
10 * 10 = 100

Un petit plus

Créer une fonction qui calcule la somme des nombres contenus dans un tableau

| (index) | Values |
----------------------
| 0 | '1' |
| 1 | true |
| 2 | -3 |
| 3 | 'patate' |
| 4 | 5.5 |


Somme = 3.5

Premier(ou pas)

Créer une fonction qui calcule les nombres premiers inférieurs à un nombre reçu en paramètre.

Les nombres premiers inférieurs à [nombre]:

[x], [y], [z]

Plus ou moins

Créer une fonction qui parcourt un tableau et inverse le signe des cases qui contiennent un nombre.

| (index) | Values |
----------------------
| 0 | '1' |
| 1 | true |
| 2 | -3 |
| 3 | 'patate' |
| 4 | 6 |
| 5 | -5.5 |

| (index) | Values |
----------------------
| 0 | '1' |
| 1 | true |
| 2 | 3 |
| 3 | 'patate' |
| 4 | -6 |
| 5 | 5.5 |

Bonjour!

Créer une fonction qui reçoit le prénom, le nom et l’année de naissance d'un individu. Afficher ensuite un message à la console selon le format demandé.

Bonjour [Prénom] [Nom], vous avez [X] ans.
Vous êtes [status]!

Sans nombres

Créer une fonction qui traite un tableau pour en retirer toutes les valeurs qui sont des nombres

Sans nombres

true | 'patate'

Extras 🚀

2 dimensions de multiplications

Créer une fonction qui génère les valeurs de la table de multiplication d'un nombre reçu en paramètre et stocke le résultat dans un tableau 2 dimensions

Table de 10
1 2 3 ... 10
__________________
|
1 | 1 2 3 10
2 | 2 4 6 20
3 | 3 6 9 30
...|
10 | 10 20 30 100
Par exemple, pour 10
[
[
1, 2, 3, 4, 5,
6, 7, 8, 9, 10
],
[
2, 4, 6, 8, 10,
12, 14, 16, 18, 20
],
[
3, 6, 9, 12, 15,
18, 21, 24, 27, 30
],
...,
[
10, 20, 30, 40, 50,
60, 70, 80, 90, 100
]
]


┌─────────┬────┬────┬────┬────┬────┬────┬────┬────┬────┬─────┐
│ (index) │ 0 │ 1 │ 2 │ 3 │ 4 │ 5 │ 6 │ 7 │ 8 │ 9 │
├─────────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼─────┤
│ 0 │ 1 │ 2 │ 3 │ 4 │ 5 │ 6 │ 7 │ 8 │ 9 │ 10 │
│ 1 │ 2 │ 4 │ 6 │ 8 │ 10 │ 12 │ 14 │ 16 │ 18 │ 20 │
│ 2 │ 3 │ 6 │ 9 │ 12 │ 15 │ 18 │ 21 │ 24 │ 27 │ 30 │
│ 3 │ 4 │ 8 │ 12 │ 16 │ 20 │ 24 │ 28 │ 32 │ 36 │ 40 │
│ 4 │ 5 │ 10 │ 15 │ 20 │ 25 │ 30 │ 35 │ 40 │ 45 │ 50 │
│ 5 │ 6 │ 12 │ 18 │ 24 │ 30 │ 36 │ 42 │ 48 │ 54 │ 60 │
│ 6 │ 7 │ 14 │ 21 │ 28 │ 35 │ 42 │ 49 │ 56 │ 63 │ 70 │
│ 7 │ 8 │ 16 │ 24 │ 32 │ 40 │ 48 │ 56 │ 64 │ 72 │ 80 │
│ 8 │ 9 │ 18 │ 27 │ 36 │ 45 │ 54 │ 63 │ 72 │ 81 │ 90 │
│ 9 │ 10 │ 20 │ 30 │ 40 │ 50 │ 60 │ 70 │ 80 │ 90 │ 100 │
└─────────┴────┴────┴────┴────┴────┴────┴────┴────┴────┴─────┘
[ 1 ][ 2 ][ 3 ] ... [ 10 ]
[ 1 ]| 1 || 2 || 3 | ... | 10 |
[ 2 ]| 2 || 4 || 6 | ... | 20 |
[ 3 ]| 3 || 6 || 9 | ... | 30 |
[ 4 ]| 4 || 8 || 12 | ... | 40 |
[ 5 ]| 5 || 10 || 15 | ... | 50 |
[ 6 ]| 6 || 12 || 18 | ... | 60 |
[ 7 ]| 7 || 14 || 21 | ... | 70 |
[ 8 ]| 8 || 16 || 24 | ... | 80 |
[ 9 ]| 9 || 18 || 27 | ... | 90 |
[ 10 ]| 10 || 20 || 30 | ... | 100 |

Exemple pour construire un tableau 2D dynamiquement

js
copier
const nb_lignes = 5;
const nb_colonnes = 10;

let tableau2d = []; // dimension 1

for(let ligne = 0; ligne < nb_lignes; ligne++) {
tableau2d[ligne] = []; // dimension 2
// chaque case de la 1ere dimension contient en fait un tableau

for(let colonne = 0; colonne < nb_colonnes; colonne++) {
tableau2d[ligne][colonne] = (ligne + "," + colonne);
}
}

console.table(tableau2d);
┌─────────┬───────┬───────┬───────┬───────┬───────┬───────┬───────┬───────┬───────┬───────┐
│ (index) │ 0 │ 1 │ 2 │ 3 │ 4 │ 5 │ 6 │ 7 │ 8 │ 9 │
├─────────┼───────┼───────┼───────┼───────┼───────┼───────┼───────┼───────┼───────┼───────┤
│ 0 │ '0,0' │ '0,1' │ '0,2' │ '0,3' │ '0,4' │ '0,5' │ '0,6' │ '0,7' │ '0,8' │ '0,9' │
│ 1 │ '1,0' │ '1,1' │ '1,2' │ '1,3' │ '1,4' │ '1,5' │ '1,6' │ '1,7' │ '1,8' │ '1,9' │
│ 2 │ '2,0' │ '2,1' │ '2,2' │ '2,3' │ '2,4' │ '2,5' │ '2,6' │ '2,7' │ '2,8' │ '2,9' │
│ 3 │ '3,0' │ '3,1' │ '3,2' │ '3,3' │ '3,4' │ '3,5' │ '3,6' │ '3,7' │ '3,8' │ '3,9' │
│ 4 │ '4,0' │ '4,1' │ '4,2' │ '4,3' │ '4,4' │ '4,5' │ '4,6' │ '4,7' │ '4,8' │ '4,9' │
└─────────┴───────┴───────┴───────┴───────┴───────┴───────┴───────┴───────┴───────┴───────┘

Toute bonne chose a une fin

Créer une fonction récursive qui calcule la somme d'un entier positif reçu en paramètre et des entiers qui le précèdent

Défis JavaScript

Réaliser des exercices du site JS Challenger.