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

No:49015

←

Prev Next

→

Drum beat mecheine
Developer User18896｜Date and time 24/3/3 13:27:44
Build time 4.532 sec｜Game capacity 1.174KB｜

Script

Drum Beat Machine

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Drum Beat Machine</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }
        button {
            margin: 10px;
            padding: 10px 20px;
            font-size: 18px;
            cursor: pointer;
            background-color: #3498db;
            color: #ffffff;
            border: none;
            border-radius: 5px;
        }
    </style>
</head>
<body>
    <h1>Drum Beat Machine</h1>
    
    <div id="drum-machine">
        <button id="kick" onclick="playSound('kick')">Kick Drum</button>
        <button id="snare" onclick="playSound('snare')">Snare Drum</button>
        <button id="hihat" onclick="playSound('hihat')">Hi-Hat</button>
    </div>
    
    <audio id="kick-sound" src="sounds/kick.wav"></audio>
    <audio id="snare-sound" src="sounds/snare.wav"></audio>
    <audio id="hihat-sound" src="sounds/hihat.wav"></audio>
    
    <script>
        function playSound(drum) {
            var sound = document.getElementById(drum + "-sound");
            sound.currentTime = 0;
            sound.play();
        }
    </script>
</body>
</html>