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

No:28930

←

Prev Next

→

Rythme
Developer User14316｜Date and time 23/12/15 6:43:32
Build time 35.523 sec｜Game capacity 1.977KB｜

Script

Rythme - Jeu de rythme

Choisissez la bonne note en tapant dessus :

🎵

🎶

🎵

🎶

🎵

🎶

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Rythme - Jeu de rythme</title>
</head>
<body>
  <script>
    // List of pictograms representing notes
    const pictograms = [
      "🎵", "🎶", "🎵", "🎶", "🎵", "🎶"
    ];

// Function to randomly select a pictogram from the list
    function getRandomPictogram() {
      const randomNumber = Math.floor(Math.random() * pictograms.length);
      return pictograms[randomNumber];
    }

// Function to display a new note (pictogram)
    function showNote() {
      const noteContainer = document.getElementById("note-container");

// Clear previous note
      noteContainer.innerHTML = "";

// Get a new random note
      const note = getRandomPictogram();

// Display the note
      noteContainer.innerHTML = note;
    }

// Function to check if the user tapped on the correct note
    function checkNote(event) {
      const tappedNote = event.target.innerHTML;
      const currentNote = document.getElementById("note-container").innerHTML;

if (tappedNote === currentNote) {
        alert("Bravo ! Note correcte !");
      } else {
        alert("Dommage ! Note incorrecte !");
      }

// Show a new note after the user's response
      showNote();
    }

// Start the game
    function startGame() {
      showNote();

// Attach click event listeners to all notes
      const notes = document.getElementsByClassName("note");
      for (let i = 0; i < notes.length; i++) {
        notes[i].addEventListener("click", checkNote);
      }
    }
  </script>

<h1>Rythme - Jeu de rythme</h1>
  <div id="note-container"></div>

<h2>Choisissez la bonne note en tapant dessus :</h2>
  <div>
    <div class="note">🎵</div>
    <div class="note">🎶</div>
    <div class="note">🎵</div>
    <div class="note">🎶</div>
    <div class="note">🎵</div>
    <div class="note">🎶</div>
  </div>

<button onclick="startGame()">Commencer le jeu</button>
</body>
</html>