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

  1. Väike konspekt — mida iga üks koostab ise

Muusika küsitlus

Muusika küsitlus










… Pop Rock Hip-Hop / Rap Jazz Metal Blues

JavaScript funktsioon

bandChoice() – see funktsioon saab andmed, mille inimene valib, ja seejärel kuvab need.
Loogika on lihtne: kontrollitakse, kas inimene on märkinud linnukese, ja kui jah, siis kuvatakse andmed, kui ei, siis ei kuvata.

    if(dc.checked){
        valik+=dc.value + ", ";
    }
    if(beatles.checked){
        valik+=beatles.value + ", ";
    }
    if (metall.checked) {
        valik += metall.value + ", ";
    }
    if (oasis.checked) {
        valik += oasis.value + ", ";
    }

interviewText(), numberAsk(), datalistAsk(), genreAsk() — Ei ole midagi ebatavalist, see, mida sa kirjutasid, see ka väljendab

answer.innerHTML = "Sinu arvamus: " + text.value;

answer.innerHTML = "Sa kuulad muusikat " + number.value + " tundi päevas";

answer.innerHTML = "Sinu nimetatud jaamad: " + ask.value

radioAsk() — Sama süsteem nagu bandChoice(). Lihtne kontrollida, mida oled valinud, ja seda ekraanil kuvada.

    if (choice1.checked){
        answer.innerHTML = "Raadio kuulamine: " + choice1.value;
    }
    else if (choice2.checked){
        answer.innerHTML = "Raadio kuulamine: " + choice2.value;
    }
    else {
        answer.innerHTML = "Palun vastake küsimusele";
    }

ifSaada() — Üks kõige huvitavamaid funktsioone. Kuna pärast kõigi muutujate ja nende loogika ülekandmist oli probleem selles, et ma ei teadnud, kuidas alustada kirjutamist uuest reast.

 let summary = document.getElementById("summary");
    let dc = document.getElementById("musband_");
    let beatles = document.getElementById("musband1");
    let metall = document.getElementById("musband2");
    let oasis = document.getElementById("musband3");
    let text = document.getElementById("interview");
    let number = document.getElementById("numberask");
    let choice1 = document.getElementById("radioask1");
    let choice2 = document.getElementById("radioask2");
    let ask = document.getElementById("radio-choice");
    let choice = document.getElementById("genres");

    summary.innerHTML = "";

    let valik = "";
    if(dc.checked){
        valik+=dc.value + ", ";
    }
    if(beatles.checked){
        valik+=beatles.value + ", ";
    }
    if (metall.checked) {
        valik += metall.value + ", ";
    }
    if (oasis.checked) {
        valik += oasis.value + ", ";
    }

    summary.innerHTML += "Sa valisid: " + valik + "<br>";
    summary.innerHTML += "Sinu arvamus: " + text.value + "<br>";
    summary.innerHTML += "Sa kuulad muusikat " + number.value + " tundi päevas<br>";

    if (choice1.checked){
        summary.innerHTML += "Raadio kuulamine: " + choice1.value + "<br>";
    }
    else if (choice2.checked){
        summary.innerHTML += "Raadio kuulamine: " + choice2.value + "<br>";
    }
    else {
        summary.innerHTML += "Palun vastake küsimusele<br>";
    }
    summary.innerHTML += "Sinu nimetatud jaamad: " + ask.value + "<br>";
    summary.innerHTML += "Sinu vastus: " + choice.value + "<br>";

Aga lõpuks leiti lahendus.

"<br>"