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.