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

No:48032

←

Prev Next

→

Music Puzzles
Developer User20657｜Date and time 24/3/1 7:40:30
Build time 7.529 sec｜Game capacity 1.922KB｜

Script

Добро пожаловать в игру "Музыкальные головоломки"!

Послушайте музыкальный отрывок и угадайте исполнителя или название песни.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Музыкальные головоломки</title>
</head>
<body>
  <h1>Добро пожаловать в игру "Музыкальные головоломки"!</h1>
  
  <p>Послушайте музыкальный отрывок и угадайте исполнителя или название песни.</p>
  
  <audio controls>
    <source src="music.mp3" type="audio/mpeg">
    Your browser does not support the audio tag.
  </audio>
  
  <form id="guess-form">
    <label for="guess">Введите ваш ответ:</label>
    <input type="text" id="guess" />
    <button type="submit">Отправить</button>
  </form>
  
  <h2 id="result"></h2>
  
  <script>
    const songs = [
      { artist: "Адель", title: "Hello" },
      { artist: "Бейонсе", title: "Single Ladies" },
      { artist: "Эд Ширан", title: "Shape of You" },
      { artist: "Джастин Бибер", title: "Sorry" }
    ];
    
    const audio = document.querySelector("audio");
    const form = document.querySelector("#guess-form");
    const input = document.querySelector("#guess");
    const result = document.querySelector("#result");
    
    let currentSongIndex = 0;
    
    form.addEventListener("submit", function(event) {
      event.preventDefault();
      
      const guess = input.value.toLowerCase();
      const currentSong = songs[currentSongIndex];
      
      if (guess === currentSong.artist.toLowerCase() || guess === currentSong.title.toLowerCase()) {
        result.textContent = "Правильно! Следующая песня...";
        currentSongIndex = (currentSongIndex + 1) % songs.length;
        audio.src = `music${currentSongIndex}.mp3`;
      } else {
        result.textContent = "Неправильно. Попробуйте еще раз.";
      }
      
      input.value = "";
    });
  </script>
</body>
</html>