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.