Update popup.html

This commit is contained in:
pliny
2023-08-12 16:48:43 -07:00
committed by GitHub
parent 405e24cf2d
commit a8a46bf97e
+20 -8
View File
@@ -1,14 +1,26 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Binaural Beats Generator</title>
<style>
body {
width: 200px;
font-family: Arial, sans-serif;
}
</style>
</head>
<body>
<h1>Binaural Beats Generator</h1>
<p>Customize the frequency of the binaural beats:</p>
<input type="range" min="1" max="1000" value="440" class="slider" id="frequencySlider">
<p id="frequencyDisplay">Frequency: 440 Hz</p>
<button id="togglePlayPause">Play</button>
<script src="popup.js"></script>
<label for="frequencySlider">Frequency:</label>
<input type="range" id="frequencySlider" min="1" max="30" value="10">
<span id="frequencyDisplay">Frequency: 10 Hz</span>
<br><br>
<label for="volumeSlider">Volume:</label>
<input type="range" id="volumeSlider" min="0" max="1" step="0.01" value="0.5">
<span id="volumeDisplay">Volume: 50%</span>
<br><br>
<button id="togglePlayPause">Play</button>
<script src="popup.js"></script>
</body>
</html>