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

No:41266

←

Prev Next

→

Song game
Developer User18493｜Date and time 24/2/6 16:53:31
Build time 7.071 sec｜Game capacity 1.991KB｜

Script

Song Game

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Song Game</title>
</head>
<body>
    <h1>Song Game</h1>

<div id="game-container">
        <img src="pictogram1.png" id="pictogram" alt="Pictogram">
        <input type="text" id="answer-input" placeholder="Name that song" />
        <button onclick="checkAnswer()">Submit</button>
        <p id="result-message"></p>
        <button onclick="nextSong()">Next Song</button>
    </div>

var songs = [
        {
            pictogram: "pictogram1.png",
            answer: "Shape of You"
        },
        {
            pictogram: "pictogram2.png",
            answer: "Happy"
        },
        {
            pictogram: "pictogram3.png",
            answer: "Billie Jean"
        },
        // Add more songs as desired
    ];

var currentSongIndex = 0;
    var currentSong = songs[currentSongIndex];

var pictogramElement = document.getElementById("pictogram");
    var answerInputElement = document.getElementById("answer-input");
    var resultMessageElement = document.getElementById("result-message");

pictogramElement.src = currentSong.pictogram;

function nextSong() {
        currentSongIndex++;
        if (currentSongIndex >= songs.length) {
            currentSongIndex = 0; // Start from the beginning if all songs have been played
        }
        currentSong = songs[currentSongIndex];
        pictogramElement.src = currentSong.pictogram;
        answerInputElement.value = "";
        resultMessageElement.textContent = "";
    }

</script>
</body>
</html>