Konspekt:
Kasutaja saab valida mitmest erinevast muusikust või ansamblist, et teada saada, milliseid tuntud muusikuid nad tunnevad või kuulevad.
<tr>
<td class="kysimus-valik">
<strong>Milliseid muusikuid/ansambleid sa tead?</strong><br>
<input type="checkbox" id="acdc" value="AC/DC" onchange="naitaMuusikuid()">
<label for="acdc">AC/DC</label><br>
<input type="checkbox" id="kiss" value="KISS" onchange="naitaMuusikuid()">
<label for="kiss">KISS</label><br>
<input type="checkbox" id="bs" value="Black Sabbath" onchange="naitaMuusikuid()">
<label for="bs">Black Sabbath</label><br>
<input type="checkbox" id="nirvana" value="Nirvana" onchange="naitaMuusikuid()">
<label for="nirvana">Nirvana</label><br>
</td>
<td class="vastus" id="musikudVastus"></td>
</tr>
Kasutaja saab sisestada oma arvamuse, kas muusika kuulamine on koolis vajalik või mitte.
<tr>
<td class="kysimus-valik">
<strong>Mida arvad muusika kuulamisest koolis?</strong><br>
<textarea id="arvamus" cols="30" rows="3">arvamus</textarea><br>
<input type="button" value="Naita" onclick="naitaArvamust()">
</td>
<td class="vastus" id="arvamusVastus"></td>
</tr>
Kasutaja saab liuguri abil määrata, mitu tundi päevas ta muusikat kuulab. See annab ülevaate kasutaja muusika kuulamise harjumustest
<tr>
<td class="kysimus-valik">
<strong>Mitu tundi päevas sa kuulad muusikat?</strong><br>
0 <input type="range" id="slider" min="0" max="24" onchange="naitaTunde()"> 24
</td>
<td class="vastus" id="tundVastus"></td>
</tr>
Kasutaja saab valida “Jah” või “Ei”, et teada saada, kas raadio kuulamine on kasutajale oluline
<tr>
<td class="kysimus-valik">
<strong>Kas sa kuulad raadiot?</strong><br>
<input type="radio" name="raadio" id="jah" value="jah" onchange="naitaRaadiot()">
<label for="jah">Jah</label>
<input type="radio" name="raadio" id="ei" value="ei" onchange="naitaRaadiot()">
<label for="ei">Ei</label>
</td>
<td class="vastus" id="raadioVastus"></td>
</tr>
Kasutaja saab sisestada raadiojaama nime, mida ta tunneb. See aitab koguda andmeid erinevate jaamade kohta
<tr>
<td class="kysimus-valik">
<strong>Milliseid raadiojaamu sa tead?</strong><br>
<input type="text" id="jaam" placeholder="Jaama nimi">
<input type="button" value="Lisa" onclick="lisaJaam()">
</td>
<td class="vastus" id="jaamadVastus"></td>
</tr>
Kasutaja saab valida ühe muusikastiili, et näha, mis stiili nad kõige rohkem kuulavad
<tr>
<td class="kysimus-valik">
<strong>Millist muusikat sa kõige rohkem kuulad?</strong><br>
<select id="stiil" onchange="naitaStiili()">
<option value="">Vali stiil</option>
<option value="Pop">Pop</option>
<option value="Rock">Rock</option>
<option value="Klassikaline">Klassikaline</option>
<option value="Elektrooniline">Elektrooniline</option>
<option value="Hip-hop">Hip-hop</option>
<option value="Jazz">Jazz</option>
</select>
</td>
<td class="vastus" id="stiilVastus"></td>
</tr>