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

No:47114

113

←

Prev Next

→

Frequncy generator 1000 buttons 1k herts 1M herts
Developer User18896｜Date and time 24/2/27 8:40:22
Build time 5.388 sec｜Game capacity 1.519KB｜

Script

Frequency Generator Game

Click the buttons to generate frequencies!

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
<title>Frequency Generator Game</title>
<style>
    body {
        text-align: center;
        font-family: Arial, sans-serif;
        background-color: #f0f0f0;
    }

button {
        padding: 10px 20px;
        margin: 10px;
        background-color: #007bff;
        border: none;
        color: white;
        font-size: 16px;
        cursor: pointer;
    }

button:hover {
        background-color: #0056b3;
    }
</style>
</head>
<body>
<h1>Frequency Generator Game</h1>
<p>Click the buttons to generate frequencies!</p>
<script>
    function playSound(frequency) {
        const audioContext = new (window.AudioContext || window.webkitAudioContext)();
        const oscillator = audioContext.createOscillator();
        oscillator.type = 'sine';
        oscillator.frequency.value = frequency;
        oscillator.connect(audioContext.destination);
        oscillator.start();
        oscillator.stop(audioContext.currentTime + 1);
    }

function generateFrequency(hertz) {
        return function() {
            playSound(hertz);
        };
    }

const frequencies = [
        100, 200, 500, 1000, 2000, 5000, 10000, 20000, 50000, 100000, 500000, 1000000
    ];

frequencies.forEach(function(frequency) {
        const button = document.createElement('button');
        button.textContent = frequency + ' Hz';
        button.addEventListener('click', generateFrequency(frequency));
        document.body.appendChild(button);
    });
</script>
</body>
</html>