JS: Muusika ankeedi loomine

1.väike konspekt – mida iga koostab ise
2.on vaja sisetada html/css/js koodi nimodi et see töötab wp lehel

Muusika küsimustik

Milliseid muusikuid/ansambleid sa tead?




Mida arvad muusika kuulamisest koolis?
Mitu tundi päevas sa kuulad muusikat?
Kas sa kuulad raadiot?

Milliseid raadiojaamu oskad nimetada?


JS fail

function valiMuusikuid(){
    let v1=document.getElementById("vastus1");
    let ed=document.getElementById("ansambleid");
    let beyonce=document.getElementById("ansambleid2");
    let nublu=document.getElementById("ansambleid3");
    let taylor=document.getElementById("ansambleid4");
    let valik=""
    if(ed.checked){
        valik+=ed.value+", ";
    }
    if(beyonce.checked){
        valik+=beyonce.value+", ";
    }
    if(nublu.checked){
        valik+=nublu.value+", ";
    }
    if(taylor.checked){
        valik+=taylor.value+", ";
    }
    v1.innerText="Sinu valitud muusikud:"+valik;
}
function vastuseLugemine(){
    let v2=document.getElementById("vastus2");
    let text=document.getElementById("text");

    v2.innerText="Sinu arvamus:"+text.value;
}

function sliderLiigub(){
    let v3=document.getElementById("vastus3");
    let slider=document.getElementById("muusikarange");

    v3.innerText="Sa kuulad muusikat "+slider.value+" tundi";
}
function valiRaadioKuulamine() {
    let v4 = document.getElementById("vastus4");
    let jah = document.getElementById("kuulamine");
    let ei = document.getElementById("kuulamine2");

    let tekst = "Raadio kuulamine: ";

    if (jah.checked) {
        tekst += jah.value;
    } else if (ei.checked) {
        tekst += ei.value;
    }
    v4.innerHTML = tekst;
}

function radiojaamaLugemine(){
    let v5=document.getElementById("vastus5");
    let text=document.getElementById("jaam");

    v5.innerText="Sinu nimetatud jaamad:"+text.value;
}
function valiStiil(){
    let vastus6 = document.getElementById("vastus6");
    let select = document.getElementById("stiil");

    if(select.value){
        vastus6.innerHTML = "Kõige rohkem sa kuulad " + select.value;
    } else {
        vastus6.innerHTML = "";
    }
}
function kokkuVot() {
    let kokku = document.getElementById("kokkuvotte");
    let v1 = document.getElementById("vastus1").innerText;
    let v2 = document.getElementById("vastus2").innerText;
    let v3 = document.getElementById("vastus3").innerText;
    let v4 = document.getElementById("vastus4").innerText;
    let v5 = document.getElementById("vastus5").innerText;
    let v6 = document.getElementById("vastus6").innerText;

    kokku.innerText = "Kokkuvõte: " + v1 + ". " + v2 +
        ". " + v3 + ". " +
        v4 + ". " + v5 +
        ". " + v6 + ". ";
}





function puhasta(){
    // Puhasta checkboxid
    document.getElementById("ansambleid").checked = false;
    document.getElementById("ansambleid2").checked = false;
    document.getElementById("ansambleid3").checked = false;
    document.getElementById("ansambleid4").checked = false;

    // Puhasta radio nupud
    document.getElementById("kuulamine").checked = false;
    document.getElementById("kuulamine2").checked = false;

    // Puhasta input väljad
    document.getElementById("jaam").value = "";
    document.getElementById("kuulamine").value = "";
    document.getElementById("kuulamine2").value = "";
    document.getElementById("text").value = "";
    document.getElementById("stiil").value = "";

    // Puhasta kõik vastused
    for(let i = 1; i <= 9; i++){
        document.getElementById("vastus" + i).innerHTML = "";
    }
    document.getElementById("kokkuvotte").innerHTML = "";
}

valiMuusikuid() – kogub valitud linnukesed (checkboxid) muusikute kohta ja kuvab tulemuse.

vastuseLugemine() – loeb kasutaja tekstivälja arvamuse ja kuvab selle.

sliderLiigub() – loeb liuguri väärtuse (muusika kuulamise tunnid) ja kuvab tulemuse.

valiRaadioKuulamine() – kontrollib valitud raadionupu (jah/ei) ja kuvab tulemuse.

radiojaamaLugemine() – loeb tekstivälja, kus kasutaja nimetab raadiojaamad.

valiStiil() – kuvab valitud muusikastiili valikust (select).

kokkuVot() – kogub kõik vastused eelmistest funktsioonidest ja kuvab kokkuvõtte.

puhasta() – tühjendab kõik linnukesed, raadionupud, tekstiväljad ja vastuste väljundid.