Programmer un SUDOKU en HTML, CSS et JavaScript (1/2)

Un sudoku est programmé en HTML, CSS et JavaScript dans cette vidéo.

Le Sudoku est un casse-tête qui consiste à remplir une grille de 9 par 9 avec des des nombres de 1 à 9. Il y a 3 règles:
- Il ne doit pas y avoir deux nombres identiques sur une ligne;
- Il ne doit pas y avoir deux nombres identiques sur une colonne;
- Il ne doit pas y avoir deux nombres identiques sur chacun des neufs carrés.

Ce petit jeu permet de montrer comment élaborer une grille qui s'adapte à la taille de l'écran et comment programmer un code JavaScript pour trouver les erreurs d'une grille Sudoku

Par rapport au HTML, la balise "table" et toutes celles contenues dans un tableau sont présentées.

Par rapport aux styles CSS:
- Le sélecteur étoile (*) est présenté et utilisé.
- L'unité "vh" est expliquée
- La propriété "box-sizing" est évoquée
- La notion fondamentale de priorité entre sélecteurs est expliquée.

Au niveau du code JavaScript, la vidéo explique comment:
- Récupérer un ou plusieurs éléments HTML à l'aide de sélecteur CSS en utilisant la fonction "querySelector" et "querySelectorAll".
- Vérifier qu'un champ a correctement été saisi.
- Définir et parcourir des tableaux de tableaux.
- Faire un test en une ligne
- Créer une liste composée d'éléments uniques
- Ajouter une classe à un élément dynamiquement
- Définir un événement à usage unique.

Cette vidéo fait partie d'une série de vidéos qui permet d'apprendre le fonctionnement des sites Internet et des langages HTML, CSS et JavaScript.

Le code source des programmes est disponible à cette adresse: https://github.com/MorganSchmiedt/youtube-videos

Vous pouvez m'écrire en laissant un commentaire en bas de cette vidéo, en me contactant sur Twitter (@Morgan_Schmiedt) ou en m'envoyant un e-mail à l'adresse: mon-pré[email protected]

Les commentaires qui ne sont pas écrits correctement, pas respectueux ou pas constructifs sont supprimés.