Hörtest-Anwendung in Javascript - Schieberegler
(EN google-translate)
(PL google-translate)
Zunächst werden Slider erzeugt, mit deren Hilfe die Frequenz und Amplitude eingestellt werden können.
<!DOCTYPE html> <html> <head lang="de"> <meta charset="iso-8859-1"> <script language:javascript> var frequenz = 440; var amplitude = 0; function setzeFrequenz() { frequenz = document.getElementById("input_frequenz").value; document.getElementById("wert_frequenz").innerHTML = frequenz; } function setzeAmplitude() { amplitude = document.getElementById("input_amplitude").value; document.getElementById("wert_amplitude").innerHTML = amplitude; } </script> </head> <body> <fieldset> <p> <label>Frequenz: <input style="width:400px;" id="input_frequenz" type="range" min="1" max="20000" value="440" onmousemove="javascript:setzeFrequenz()" /> <span id="wert_frequenz">440</span>Hz</label> </p> <br/> <p> <label>Amplitude: <input style="width:400px;" id="input_amplitude" type="range" min="0" max="1000" value="0" onmousemove="javascript:setzeAmplitude()" /> <span id="wert_amplitude">0</span></label> </p> </fieldset> </body> </html>
Code 0-1: Quelltext.