{"id":1333,"date":"2025-10-09T12:00:07","date_gmt":"2025-10-09T09:00:07","guid":{"rendered":"https:\/\/com47276.wordpress.com\/?page_id=1333"},"modified":"2025-10-28T08:52:55","modified_gmt":"2025-10-28T08:52:55","slug":"1333-2","status":"publish","type":"page","link":"https:\/\/oleksandraryshniak24.thkit.ee\/wp1\/1333-2\/","title":{"rendered":"JS Muusika ankeedi"},"content":{"rendered":"\n

JS Muusika ankeedi loomine<\/h2>\n\n\n\n

1. Konspekt JavaScript<\/h3>\n\n\n\n

Funktsioon valiMuusika()<\/code><\/strong> t\u00f6\u00f6tab nii, et on olemas nimekiri (input checkbox-idest), kus kasutaja saab valida soovitud b\u00e4nde v\u00f5i artiste ja m\u00e4rkida need. Valikute all kuvatakse rida, kus on kirjas, millised b\u00e4ndid v\u00f5i artistid kasutaja valis.<\/p>\n\n\n

\nfunction valikMuusika() {\n    let v1=document.getElementById("vastus1");\n    let fm =document.getElementById("FleetwoodMac");\n    let tw=document.getElementById("TheWeeknd");\n    let am=document.getElementById("ArcticMonkeys");\n    let k=document.getElementById("KISS");\n    let im=document.getElementById("ImagineDragons");\n\n    let valik="";\n    if (fm.checked) {valik+=fm.value +  ", "; }\n    if (tw.checked) {valik+=tw.value +  ", ";}\n    if (am.checked) {valik+=am.value + ", ";}\n    if (k.checked) {valik+=k.value + ", ";}\n    if (im.checked) {valik+=im.value + ", ";}\n    v1.innerHTML="<strong>Sa valisid:<\/strong> " + valik;\n}\n\n<\/pre><\/div>\n\n\n
\"\"<\/figure>\n\n\n\n
<\/p>\n\n\n\n
Funktsioon arvamus()<\/code> <\/strong>t\u00f6\u00f6tab nii, et kui sa kirjutad teksti tekstiv\u00e4ljale (textarea), siis sinu sisestatud tekst kuvatakse allpool tekstiv\u00e4lja.<\/p>\n\n\n
\nfunction arvamus() {\n    let v2=document.getElementById("vastus2");\n    let text=document.getElementById("vas")\n\n    v2.innerHTML="<strong>Sa arvamus: <\/strong>" + text.value;\n}\n<\/pre><\/div>\n\n\n
\"\"<\/figure>\n\n\n\n
<\/p>\n\n\n\n
Funktsioon tundiKuulad()<\/code><\/strong> t\u00f6\u00f6tab nii, et kui kasutaja kirjutab, mitu tundi ta muusikat kuulab (number-sisendv\u00e4ljal), siis selle all kuvatakse, mitu tundi p\u00e4evas ta muusikat kuulab.<\/p>\n\n\n
\nfunction  tundiKuulad(){\n    let v3=document.getElementById("vastus3");\n    let num=document.getElementById("num");\n\n    v3.innerHTML="Sa kuulad muusikat " +"<strong>"+num.value+"<\/strong>" + " tundi p\u0623\u00a4evas";\n}\n\n<\/pre><\/div>\n\n\n
\"\"<\/figure>\n\n\n\n
<\/p>\n\n\n\n
Funktsioon kuuladRaadiot()<\/code><\/strong> t\u00f6\u00f6tab nii, et kasutaja valib raadionuppudest (input radio) \u201cjah\u201d v\u00f5i \u201cei\u201d, ning allpool kuvatakse, kas kasutaja kuulab raadiot v\u00f5i mitte.<\/p>\n\n\n
\nfunction kuuladRaadiot(){\n    let v4=document.getElementById("vastus4");\n    let jah=document.getElementById("jah");\n    let ei =document.getElementById("ei");\n\n    if (jah.checked) {v4.innerHTML="<strong>Raadio kuulamine:<\/strong> " + jah.value;}\n    if (ei.checked) {v4.innerHTML="<strong>Raadio kuulamine: <\/strong>" + ei.value;}\n}\n<\/pre><\/div>\n\n\n
\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n<\/div>\n\n\n\n
<\/p>\n\n\n\n
Funktsioon raadiojaamu()<\/code><\/strong> t\u00f6\u00f6tab nii, et kasutaja kirjutab raadiojaamad tekstiv\u00e4ljale (input text), ning allpool kuvatakse tekst \u201cSinu raadiojaamad:\u201d ja kasutaja vastus.<\/p>\n\n\n
\nfunction raadiojaamu(){\n    let v5=document.getElementById("vastus5");\n    let raadio=document.getElementById("raadio");\n\n    v5.innerHTML="<strong>Sinu nimetatud jaamad: <\/strong>" + raadio.value;\n}\n<\/pre><\/div>\n\n\n
\"\"<\/figure>\n\n\n\n
<\/p>\n\n\n\n
Funktsioon stiil()<\/code><\/strong> t\u00f6\u00f6tab nii, et kasutaja valib rippmen\u00fc\u00fcst (select) mingi stiili ning allpool kuvatakse tema vastus ja valitud stiil. Kui midagi pole valitud, siis kuvatakse teade, et tuleb stiil valida.<\/p>\n\n\n
\nfunction  stiil(){\n    let v6=document.getElementById("vastus6");\n    let still=document.getElementById("still");\n\n    if(still.selectedIndex !== 0){\n        v6.innerHTML="<strong>Sinu vastus: <\/strong>" + still.value;\n    }\n    else{\n        v6.innerHTML="<i>Tee ripploendi lahti ja vali!<\/i> ";\n    }\n}\n<\/pre><\/div>\n\n\n
\"\"<\/figure>\n\n\n\n
<\/p>\n\n\n\n
Funktsioon saada()<\/code><\/strong> on seotud nupuga (input button) “Saada”, mis saadab k\u00f5ik sinu vastused vormi nimega vastused<\/code>.<\/p>\n\n\n
\nfunction saada(){\n    let vastused=document.getElementById("vastused");\n    let v1=document.getElementById("vastus1").innerHTML;\n    let v2=document.getElementById("vastus2").innerHTML;\n    let v3=document.getElementById("vastus3").innerHTML;\n    let v4=document.getElementById("vastus4").innerHTML;\n    let v5=document.getElementById("vastus5").innerHTML;\n    let v6=document.getElementById("vastus6").innerHTML;\n\n    vastused.innerHTML= v1+"<br>"+v2+"<br>"+v3+"<br>"+v4+"<br>"+v5+"<br>"+v6;\n}\n<\/pre><\/div>\n\n\n
\"\"<\/figure>\n\n\n\n
<\/p>\n\n\n\n
Funktsioon puhasta()<\/code><\/strong> on seotud nupuga (input button) “Puhasta”, ja see t\u00f6\u00f6tab nii, et kui sa sellel klikid, siis k\u00f5ik sinu valitud ja saadetud vastused kustutatakse.<\/p>\n\n\n
\nfunction puhasta(){\n    let v1= document.getElementById("vastus1");\n    let fm =document.getElementById("FleetwoodMac");\n    let tw=document.getElementById("TheWeeknd");\n    let am=document.getElementById("ArcticMonkeys");\n    let k=document.getElementById("KISS");\n    let im=document.getElementById("ImagineDragons");\n    v1.innerHTML="";\n    fm.checked=false;\n    tw.checked=false;\n    am.checked=false;\n    k.checked=false;\n    im.checked=false;\n\n    let v2= document.getElementById("vastus2");\n    let text=document.getElementById("vas");\n    v2.innerHTML="";\n    text.value="";\n\n    let v3= document.getElementById("vastus3");\n    let num=document.getElementById("num");\n    v3.innerHTML="";\n    num.value="";\n\n    let v4= document.getElementById("vastus4");\n    let jah=document.getElementById("jah");\n    let ei =document.getElementById("ei");\n    v4.innerHTML="";\n    jah.checked=false;\n    ei.checked=false;\n\n    let v5= document.getElementById("vastus5");\n    let raadio=document.getElementById("raadio");\n    v5.innerHTML="";\n    raadio.value="";\n\n    let v6= document.getElementById("vastus6");\n    let still=document.getElementById("still");\n    v6.innerHTML="";\n    still.value="";\n\n    let vastused=document.getElementById("vastused");\n    vastused.innerHTML="";\n}\n<\/pre><\/div>\n\n\n
\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n<\/div>\n\n\n\n
<\/p>\n\n\n\n
Valmis vorm<\/h3>\n\n\n\n
<\/p>\n\n\n\n\n\n      
\n        
Muusika k\u00fcsitlus<\/strong><\/h2><\/legend>\n\n          
1. Milliseid muusikuis\/ansambleid sa tead?<\/h3>\n          \n