|et

JS: Создание музыкальной анкеты

Küsimused muusika

Milliseid muusikuid/ansambleid sa tead?



Mida arvad muusika kuulamisest koolis?

Kas sa kuulad raadiot?


Vali muusika liik Pop Rock Klassikaline Jazz Elektronika Hip-hop
function muusikaValik(){ let vastus1 = document.getElementById(«vastus1»); let musikryhm1 = document.getElementById(«musikryhm1»); let musikryhm2 = document.getElementById(«musikryhm2»); let musikryhm3 = document.getElementById(«musikryhm3»); let musikryhm4 = document.getElementById(«musikryhm4»); let valik = «»; if(musikryhm1.checked){ valik += musikryhm1.value+», «; } if(musikryhm2.checked){ valik += musikryhm2.value+», «; } if(musikryhm3.checked){ valik += musikryhm3.value+», «; } if(musikryhm4.checked){ valik += musikryhm4.value+», «; } vastus1.innerHTML = «Sinu valitud muusikud: » + valik; } function arvatesMusic(){ let vastus2 = document.getElementById(«vastus2»); let musik = document.getElementById(«musik»); let valik = «»; valik += musik.value; vastus2.innerHTML = «Sinu valitud muusikud: » + valik; } function tundMusic(){ let vastus3 = document.getElementById(«vastus3»); let tund = document.getElementById(«musiktund»); let valik = «»; valik += tund.value; vastus3.innerHTML = «Sa kuulad muusikat [ «+ valik +»] tundi päevas» ; } function radioInp(){ let vastus4=document.getElementById(«vastus4»); let jah = document.getElementById(«jah»); let ei = document.getElementById(«ei»); let valik = «» if(jah.checked){ let valik = jah.value; vastus4.innerHTML=»Raadio kuulamine: «+ valik; } else if(ei.checked){ let valik = ei.value; vastus4.innerHTML=»Raadio kuulamine: «+ valik; } else{ vastus4.innerHTML=»Raadio kuulamine: —«+ valik; } } function kysi5(){ let vastus5 = document.getElementById(«vastus5»); let kysi5 = document.getElementById(«kysi5»); let valik = «»; valik += kysi5.value; vastus5.innerHTML = «Sinu nimetatud jaamad: » + valik; } function muusikaLiikValik(){ let vastus6 = document.getElementById(«vastus6»); let select = document.getElementById(«muusikaliik»); if(select.value){ vastus6.innerHTML = «Sa kuulad kõige rohkem: » + select.value; } else { vastus6.innerHTML = «»; } } function puhasta(){ // Puhasta checkboxid document.getElementById(«musikryhm1»).checked = false; document.getElementById(«musikryhm2»).checked = false; document.getElementById(«musikryhm3»).checked = false; document.getElementById(«musikryhm4»).checked = false; // Puhasta radio nupud document.getElementById(«jah»).checked = false; document.getElementById(«ei»).checked = false; // Puhasta input väljad document.getElementById(«musik»).value = «»; document.getElementById(«musiktund»).value = «»; document.getElementById(«kysi5»).value = «»; document.getElementById(«muusikaliik»).value = «»; // Puhasta kõik vastused for(let i = 1; i <= 9; i++){ document.getElementById("vastus" + i).innerHTML = ""; } document.getElementById("kokkuvotte").innerHTML = ""; } table { border: 1px solid black; border-collapse: collapse; width: 800px; height: 600px; } td { border: 1px solid black; padding: 10px; width: 400px; vertical-align: top; }

Kospeekt Javascript

  1. muusikaValik()
function muusikaValik(){

    let vastus1 = document.getElementById("vastus1");
    let musikryhm1 = document.getElementById("musikryhm1");
    let musikryhm2 = document.getElementById("musikryhm2");
    let musikryhm3 = document.getElementById("musikryhm3");
    let musikryhm4  = document.getElementById("musikryhm4");
    let valik = "";


    if(musikryhm1.checked){
        valik += musikryhm1.value+", ";
    }
    if(musikryhm2.checked){
        valik += musikryhm2.value+", ";
    }
    if(musikryhm3.checked){
        valik += musikryhm3.value+", ";
    }

    if(musikryhm4.checked){
        valik += musikryhm4.value+", ";
    }
    vastus1.innerHTML = "Sinu valitud muusikud: " + valik;
}

Kogub märkeruutudest valitud muusikagrupid ja kuvab need

2. arvatesMusic()

function arvatesMusic(){
    let vastus2 = document.getElementById("vastus2");
    let musik = document.getElementById("musik");
    let valik = "";

    valik += musik.value;

    vastus2.innerHTML = "Sinu valitud muusikud: " + valik;
}

Võtab tekstiväljast kasutaja sisestatud muusiku nime ja kuvab selle.

3. tundMusic()

function tundMusic(){
    let vastus3 = document.getElementById("vastus3");
    let tund = document.getElementById("musiktund");
    let valik = "";

    valik += tund.value;

    vastus3.innerHTML = "Sa kuulad muusikat [ "+ valik +"] tundi päevas" ;

}

Kuvab, mitu tundi päevas kasutaja muusikat kuulab.

4. radioInp()

function radioInp(){
    let vastus4=document.getElementById("vastus4");
    let jah = document.getElementById("jah");
    let ei = document.getElementById("ei");
    let valik = ""
    if(jah.checked){
        let valik = jah.value;
        vastus4.innerHTML="Raadio kuulamine: "+ valik;
    }
    else if(ei.checked){
        let valik = ei.value;
        vastus4.innerHTML="Raadio kuulamine: "+ valik;
    }
    else{
        vastus4.innerHTML="Raadio kuulamine: ---"+ valik;
    }

}

Kontrollib, kas valitud on «jah» või «ei» raadio kuulamise kohta.

5. kysi5()

function kysi5(){
    let vastus5 = document.getElementById("vastus5");
    let kysi5 = document.getElementById("kysi5");
    let valik = "";

    valik += kysi5.value;

    vastus5.innerHTML = "Sinu nimetatud jaamad: " + valik;
}

Kuvab kasutaja sisestatud raadiojaamad.

6. muusikaLiikValik()

function muusikaLiikValik(){
    let vastus6 = document.getElementById("vastus6");
    let select = document.getElementById("muusikaliik");
    
    if(select.value){
        vastus6.innerHTML = "Sa kuulad kõige rohkem: " + select.value;
    } else {
        vastus6.innerHTML = "";
    }
}

Kuvab valitud muusikaliigi rippmenüüst.

7. puhasta()

function puhasta(){
    // Puhasta checkboxid
    document.getElementById("musikryhm1").checked = false;
    document.getElementById("musikryhm2").checked = false;
    document.getElementById("musikryhm3").checked = false;
    document.getElementById("musikryhm4").checked = false;
    
    // Puhasta radio nupud
    document.getElementById("jah").checked = false;
    document.getElementById("ei").checked = false;
    
    // Puhasta input väljad
    document.getElementById("musik").value = "";
    document.getElementById("musiktund").value = "";
    document.getElementById("kysi5").value = "";
    document.getElementById("muusikaliik").value = "";
    
    // Puhasta kõik vastused
    for(let i = 1; i <= 9; i++){
        document.getElementById("vastus" + i).innerHTML = "";
    }
    document.getElementById("kokkuvotte").innerHTML = "";
}

Puhastab kõik väljad, nupud ja vastused vormis.