Oppgave 7

Resultat

Har tatt utgangspunkt i et åpent interval...

er mellom og :

2 er mellom 1 og 3:

30 er mellom 9 og 20:

Koden

JavaScript

                
window.onload = ready;

function ready() {
    document.getElementById("o7-output-2").innerHTML = numberBetween(2, 1, 3) ? "Sant" : "Usant";
    document.getElementById("o7-output-3").innerHTML = numberBetween(30, 9, 20) ? "Sant" : "Usant";

    setUpInputs(document.querySelectorAll("#o7-input input"), document.getElementById("o7-output-1"));
}

// Gjør klar input feltene
function setUpInputs(inputElements, output) {
    var inputElements = [].slice.call(inputElements); // Gjør om fra node list til array, så vi kan bruke forEach.
    inputElements.forEach(function(input) {
        input.addEventListener("change", function(e) { // Kjøres når en input endres
            var error = false;

            inputElements.forEach(function(input) { // Sjekk at alle input feltene har verdier
                if (input.value.length == 0) {
                    error = true;
                }
            });

            // Kjøres kun når det ikke er noen errors
            if (!error) {
                output.innerHTML = numberBetween(parseInt(inputs[0].value), parseInt(inputs[1].value), parseInt(inputs[2].value)) ? "Sant" : "Usant";
            }
        });
    });
}

// Sjekker om et tall er mellom to andre tall (fra og til)
function numberBetween(number, from, to) {
    return (number > from && number < to);
}
                
            

HTML

                
<p id="o7-input"><input type="number" autofocus placeholder="Tall"> er mellom <input type="number" placeholder="Fra"> og <input type="number" placeholder="Til">:
<span id="o7-output-1"></span></p>
<p>2 er mellom 1 og 3: <span id="o7-output-2"></span></p>
<p>30 er mellom 9 og 20: <span id="o7-output-3"></span></p>