kramann.info
© Guido Kramann

Login: Passwort:










2.4.1 Hörtest-Anwendung in Javascript - Schieberegler

2.4.1 Listening test application in javascript slider (EN google-translate)

2.4.1 Słuchanie aplikacji testowej w javascriptowym suwaku (PL google-translate)

Zunächst werden Slider erzeugt, mit deren Hilfe die Frequenz und Amplitude eingestellt werden können.

Initially, sliders are generated, with the help of which the frequency and amplitude can be adjusted.

Początkowo generowane są suwaki, za pomocą których można regulować częstotliwość i amplitudę.


<!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 2.4.1-1: Quelltext.