JS: Muusika ankeedi loomine

Muusika Küsimused

Milliseid muusikuid/ansambleid sa tead?
Eminem
50Cent
Buldozers
Mida arvad muusika kuulamisest koolis?
Mitu tundi päevas kuulad muusikat?
024
Kas sa kuulad raadiot?
Jah Ei
Milliseid raadiojaamu oskad nimetada?
Millist muusikat sa kõige rohkem kuulad?





Javascript funktsioonid

See funktsioon võtab kasutaja poolt valitud raadiojaamade nime ja kuvab selle.

function raadiojaamad() {
    let jaamad = document.getElementById("jaamad");
    let vastus5 = document.getElementById("vastus5");
    vastus5.innerText = "Sinu nimetatud jaamad: " + jaamad.value;
}

See funktsioon näitab kasutaja arvamuse sisestatud teksti.

function arvamus() {
    let tekst = document.getElementById("tekst");
    let vastus2 = document.getElementById("vastus2");
    vastus2.innerText = "Sinu arvamus: " + tekst.value;
}

See funktsioon näitab, kui kaua kasutaja kuulab muusikat päevas.

function muusikaSlider() {
    let slider = document.getElementById("muusikaSlider");
    let vastus3 = document.getElementById("vastus3");
    vastus3.innerText = "Sa kuulad muusikat " + slider.value + " tundi päevas";
}

See funktsioon näitab, kas kasutaja kuulab raadiot (jah või ei).

function radiokuulamine() {
    let vastus4 = document.getElementById("vastus4");
    let jah = document.getElementById("jah");

    if (jah.checked) {
        vastus4.innerText = "Raadio kuulamine: jah";
    } else {
        vastus4.innerText = "Raadio kuulamine: ei";
    }
}

See funktsioon kuvab, milliseid muusikute tüüpe kasutaja on valinud.

function muusikValik() {
    let muusik1 = document.getElementById("muusik1");
    let muusik2 = document.getElementById("muusik2");
    let muusik3 = document.getElementById("muusik3");
    let vastus1 = document.getElementById("vastus1");

    let valik = "";

    if (muusik1.checked) {
        valik = valik + muusik1.value + ", ";
    }
    if (muusik2.checked) {
        valik = valik + muusik2.value + ", ";
    }
    if (muusik3.checked) {
        valik = valik + muusik3.value + ", ";
    }

    if (valik == "") {
        vastus1.innerText = "Sinu valitud muusikud: ...";
    } else {
        vastus1.innerText = "Sinu valitud muusikud: " + valik;
    }
}

See funktsioon puhastab kõik valikud ja tekstid.

function puhasta() {
    let vastus1 = document.getElementById("vastus1");
    let muusik1 = document.getElementById("muusik1");
    let muusik2 = document.getElementById("muusik2");
    let muusik3 = document.getElementById("muusik3");
    let vastus2 = document.getElementById("vastus2");
    let tekst = document.getElementById("tekst");
    let vastus3 = document.getElementById("vastus3");
    let slider = document.getElementById("muusikaSlider");
    let vastus4 = document.getElementById("vastus4");
    let jah = document.getElementById("jah");
    let ei = document.getElementById("ei");
    let vastus5 = document.getElementById("vastus5");
    let jaamad = document.getElementById("jaamad");
    let kokkuvote = document.getElementById("kokkuvote");

    vastus1.innerText = "";
    muusik1.checked = false;
    muusik2.checked = false;
    muusik3.checked = false;

    vastus2.innerText = "";
    tekst.value = "";

    vastus3.innerText = "";
    slider.value = 12;

    vastus4.innerText = "";
    jah.checked = false;
    ei.checked = false;

    vastus5.innerText = "";
    jaamad.value = "";

    kokkuvote.innerText = "";

    document.getElementById("hiphop").checked = false;
    document.getElementById("rock").checked = false;
    document.getElementById("jazz").checked = false;
    document.getElementById("klassika").checked = false;
    document.getElementById("elektronika").checked = false;
    document.getElementById("rap").checked = false;
}

See funktsioon kuvab kõigi valikute kokkuvõtte.

function kokkuvote() {
    let kokku = "";
    kokku += document.getElementById("vastus1").innerText + ", ";
    kokku += document.getElementById("vastus2").innerText + ", ";
    kokku += document.getElementById("vastus3").innerText + ", ";
    kokku += document.getElementById("vastus4").innerText + ", ";
    kokku += document.getElementById("vastus5").innerText + ", ";
    document.getElementById("kokkuvote").innerText = kokku;
}