Click here for free DL of the app version that can save data.

No:42250

←

Prev Next

→

Weridest puzzle game
Developer User18846｜Date and time 24/2/11 7:31:54
Build time 12.962 sec｜Game capacity 3.287KB｜

Script

Bien sûr, voici un exemple d'un jeu de puzzle étrange implémenté en tant que fichier HTML unique :

Le jeu de puzzle étrange

Règles du jeu :

Vous devez associer les pictogrammes pour résoudre le puzzle. Cliquez sur les pictogrammes pour les activer ou les désactiver.

Déplacez votre doigt sur l'écran pour faire défiler les pictogrammes si nécessaire.

🌞 🌕 ⭐ 🌍 🌊 🌳

Ce jeu de puzzle étrange consiste à associer deux pictogrammes à la fois pour résoudre le puzzle. Les pictogrammes peuvent être activés ou désactivés en cliquant dessus. Une fois que deux pictogrammes sont sélectionnés, vous pouvez cliquer sur le bouton "Vérifier" pour vérifier s'ils sont correctement associés. Si la solution est correcte, une alerte de félicitations sera affichée. Sinon, une alerte vous demandera de réessayer.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

Click here for free DL of the app version that can save data.

Bien sûr, voici un exemple d'un jeu de puzzle étrange implémenté en tant que fichier HTML unique :

```html
<!DOCTYPE html>
<html>
<head>
  <title>Le jeu de puzzle étrange</title>
  <style>
    /* Styliser les pictogrammes */
    .pictogram {
      font-size: 50px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>Le jeu de puzzle étrange</h1>
  <h3>Règles du jeu :</h3>
  <p>Vous devez associer les pictogrammes pour résoudre le puzzle. Cliquez sur les pictogrammes pour les activer ou les désactiver.</p>
  <p>Déplacez votre doigt sur l'écran pour faire défiler les pictogrammes si nécessaire.</p>

<div id="puzzle">
    <span class="pictogram">🌞</span>
    <span class="pictogram">🌕</span>
    <span class="pictogram">⭐</span>
    <span class="pictogram">🌍</span>
    <span class="pictogram">🌊</span>
    <span class="pictogram">🌳</span>
  </div>

<button id="checkButton">Vérifier</button>

// Ajouter un événement de clic à chaque pictogramme
    pictograms.forEach(pictogram => {
      pictogram.addEventListener('click', () => {
        // Activer ou désactiver le pictogramme en changeant sa couleur
        pictogram.style.color = (pictogram.style.color === 'blue') ? 'black' : 'blue';
      });
    });

// Ajouter un événement de clic au bouton de vérification
    const checkButton = document.getElementById('checkButton');
    checkButton.addEventListener('click', () => {
      // Vérifier si les pictogrammes sont correctement associés
      const isCorrect = checkPuzzle();
      if (isCorrect) {
        alert('Félicitations ! Vous avez résolu le puzzle étrange !');
      } else {
        alert('Désolé, la solution est incorrecte. Veuillez réessayer.');
      }
    });

// Vérifier si les pictogrammes sont correctement associés
    function checkPuzzle() {
      const selectedPictograms = Array.from(pictograms).filter(pictogram => pictogram.style.color === 'blue');
      const selectedPictogramCount = selectedPictograms.length;

// Vérifier les combinaisons de pictogrammes pour déterminer si la solution est correcte
      if (selectedPictogramCount === 2) {
        const firstPictogram = selectedPictograms[0].textContent;
        const secondPictogram = selectedPictograms[1].textContent;

if (
          (firstPictogram === '🌞' && secondPictogram === '🌕') ||
          (firstPictogram === '⭐' && secondPictogram === '🌍') ||
          (firstPictogram === '🌳' && secondPictogram === '🌊')
        ) {
          return true;
        }
      }

return false;
    }
  </script>
</body>
</html>
```