Créez votre mini Puissance 4 avec IA

Au tour de 💾

1️⃣ HTML - Le plateau

<div id="board"></div>

Chaque cellule est générée via JavaScript pour créer un plateau 7x6.

2️⃣ CSS - Style et animations

.cell {
  width:70px; height:70px;
  background:#111; border-radius:50%;
  box-shadow:0 0 10px #0ff,0 0 20px #0ff inset;
}

Les hover et la classe .win ajoutent des effets néon futuristes.

3️⃣ JS - Logique du jeu

board[row][col] = currentPlayer;
currentPlayer = currentPlayer==="usb"?"phone":"usb";

Gestion des tours et placement des jetons.

4️⃣ JS - Vérification du gagnant

function checkWinner(r,c){...}

Vérifie 4 jetons alignés horizontal, vertical ou diagonal.

5️⃣ JS - IA simple

- Cherche à gagner si possible
- Bloque les coups du joueur
- Sinon joue aléatoire

La fonction aiMove() exécute ces étapes après le tour du joueur.