kramann.info
© Guido Kramann

Login: Passwort:










kramann.info
© Guido Kramann

Login: Passwort:




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.