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?


CSS fail

table {
    border: 1px solid black;
    border-collapse: collapse;
    width: 800px;
    height: 600px;
}

td {
    border: 1px solid black;
    padding: 10px;
    width: 400px;
    vertical-align: top;
}

Laual on raam ja kahe joone asemel ainult üks(border-collapse: collapse;), laius 800px ja kõrgus 600px(width:800px;height:600px).Iga lahter on raamidega, sees on 10px ruumi ja laius 400px(padding:10px;width:400px;), sisu on joondatud ülevalt(vertical-align: top;).

JS fail

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;
}

Funktsioon võtab neli muusikute valikut (checkboxi), kontrollib, millised on märgitud, kogub nende väärtused ühte teksti ja kuvab selle lehel õiges kohas.
Kõik mis on määratud "let" see on Elementide hankimine lehelt
let valik = " ";=säilitab kõik valitud variandid
if(///.checked) =igaühe jaoks kontrollib, kas ta on valitud
vastus1.innerHTML = "Sinu valitud muusikud: " + valik;= lisab antud teksti lehe valitud elemendi sisse.(innerHTML)