{"id":321,"date":"2025-10-09T11:00:39","date_gmt":"2025-10-09T09:00:39","guid":{"rendered":"https:\/\/nikitagontsarov24.thkit.ee\/wp\/?page_id=321"},"modified":"2025-11-04T21:49:55","modified_gmt":"2025-11-04T18:49:55","slug":"321-2","status":"publish","type":"page","link":"https:\/\/nikitagontsarov24.thkit.ee\/wp\/eng\/321-2\/","title":{"rendered":"Creating a music questionnaire"},"content":{"rendered":"\n

short summary – each person compiles their own<\/li>\n\n\n\n

you need to enter the html\/css\/js code so that it works on the WB page<\/li>\n<\/ol>\n\n\n\n\n\n

Table of Contents<\/p>\nToggle<\/span>

Muusika k\u00fcsitlus<\/a>

Kokkuv\u00f5te:<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n

<\/span>Muusika k\u00fcsitlus<\/span><\/h2>\n\n
\n\n \n \n \n \n
K\u00fcsimused<\/th>\n Vastused<\/th>\n <\/tr>\n\n
Milliseid muusikuid\/ansambleid sa tead?<\/td>\n \n Queen<\/label>
\n Metallica<\/label>
\n Ed Sheeran<\/label>
\n <\/td>\n <\/tr>\n\n
Mida arvad muusika kuulamisest koolis?<\/td>\n <\/textarea><\/td>\n <\/tr>\n\n <tr>\n <td>Mitu tundi p\u00e4evas sa kuulad muusikat?<\/td>\n <td><input type=\"range\" id=\"tunnid\" min=\"0\" max=\"12\" value=\"0\"><\/td>\n <\/tr>\n\n <tr>\n <td>Kas sa kuulad raadiot?<\/td>\n <td>\n <input type=\"radio\" name=\"radio\" id=\"jah\" value=\"Jah\"> <label for=\"jah\">Jah<\/label>\n <input type=\"radio\" name=\"radio\" id=\"ei\" value=\"Ei\"> <label for=\"ei\">Ei<\/label>\n <\/td>\n <\/tr>\n\n <tr>\n <td>Milliseid raadiojaamu oskad nimetada?<\/td>\n <td><input type=\"text\" id=\"jaamad\" placeholder=\"\"><\/td>\n <\/tr>\n\n <tr>\n <td>Millist muusikat sa k\u00f5ige rohkem kuulad?<\/td>\n <td>\n <select id=\"stiil\">\n <option value=\"\">Vali stiil<\/option>\n <option value=\"Pop\">Pop<\/option>\n <option value=\"Rock\">Rock<\/option>\n <option value=\"R&B\">R&B<\/option>\n <option value=\"Hip-hop\">Hip-hop<\/option>\n <option value=\"Jazz\">Jazz<\/option>\n <option value=\"Klassikaline\">Klassikaline<\/option>\n <\/select>\n <\/td>\n <\/tr>\n <\/table>\n\n <div class=\"nupud\">\n <input type=\"button\" value=\"Saada\" onclick=\"saada()\">\n <input type=\"button\" value=\"Puhasta\" onclick=\"puhasta()\">\n <\/div>\n<\/form>\n\n<h3><span class=\"ez-toc-section\" id=\"Kokkuvote\"><\/span>Kokkuv\u00f5te:<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div id=\"kokkuvote\"><\/div>\n\n<\/body>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><strong>Element<\/strong><\/td><td><strong>Meaning<\/strong><\/td><td><strong>Example in this survey<\/strong><\/td><\/tr><tr><td><strong><form id=”muusikaVorm”><\/strong><\/td><td>form for all questions<\/td><td>Music form<\/td><\/tr><tr><td><strong><table> … <\/table><\/strong><\/td><td>question layout format<\/td><td>whole survey is table based<\/td><\/tr><tr><td><input type=”checkbox”><\/td><td>multi\u2013select<\/td><td>Queen \/ Metallica \/ Ed Sheeran<\/td><\/tr><tr><td><textarea><\/td><td>multiline text<\/td><td>\u201cWhat do you think about music at school?\u201d<\/td><\/tr><tr><td><input type=”range”><\/td><td>slider 0\u201312h<\/td><td>hours per day<\/td><\/tr><tr><td><input type=”radio”><\/td><td>choose one<\/td><td>radio: Yes \/ No<\/td><\/tr><tr><td><input type=”text”><\/td><td>single line input<\/td><td>radio stations<\/td><\/tr><tr><td><select><\/td><td>dropdown menu<\/td><td>music style<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<script>\nfunction saada(){\n let kokku = \"\";\n\n \/\/ Muusikud\n let muusikud = [];\n if(document.getElementById(\"queen\").checked) muusikud.push(\"Queen\");\n if(document.getElementById(\"metallica\").checked) muusikud.push(\"Metallica\");\n if(document.getElementById(\"ed\").checked) muusikud.push(\"Ed Sheeran\");\n kokku += \"Sinu valitud muusikud: \" + muusikud.join(\", \") + \"<br>\";\n\n \/\/ Arvamus\n let arvamus = document.getElementById(\"arvamus\").value;\n kokku += \"Sinu arvamus: \" + arvamus + \"<br>\";\n\n \/\/ Tunnid\n let tunnid = document.getElementById(\"tunnid\").value;\n kokku += \"Sa kuulad muusikat \" + tunnid + \" tundi p\u00e4evas<br>\";\n\n \/\/ Raadio\n let raadio = document.getElementById(\"jah\").checked ? \"Jah\" : (document.getElementById(\"ei\").checked ? \"Ei\" : \"Puudub\");\n kokku += \"Raadio kuulamine: \" + raadio + \"<br>\";\n\n \/\/ Raadiojaamad\n let jaamad = document.getElementById(\"jaamad\").value;\n kokku += \"Sinu nimetatud jaamad: \" + jaamad + \"<br>\";\n\n \/\/ Muusika stiil\n let stiil = document.getElementById(\"stiil\").value;\n kokku += \"Sinu vastus: \" + (stiil ? stiil : \"Puudub\") + \"<br>\";\n\n document.getElementById(\"kokkuvote\").innerHTML = kokku;\n}\n\nfunction puhasta(){\n document.getElementById(\"muusikaVorm\").reset();\n document.getElementById(\"kokkuvote\").innerHTML = \"\";\n}\n\n<\/script>\n\n\n\n<p>JS <code>saada()<\/code> function<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>collects selected checkboxes<\/li>\n\n\n\n<li>reads textarea text<\/li>\n\n\n\n<li>reads slider value<\/li>\n\n\n\n<li>checks which radio button is selected<\/li>\n\n\n\n<li>reads text input radio stations<\/li>\n\n\n\n<li>reads selected <code><select><\/code> music style<\/li>\n<\/ul>\n\n\n\n<p>Builds one summary string<br>and renders it into <code><div id=\"tulemus\"><\/code> using <code>innerHTML<\/code>.<\/p>\n\n\n\n<p>After submit:<br><code>form.reset()<\/code> clears form fields<br>and clears the result text.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Muusika k\u00fcsitlus K\u00fcsimused Vastused Milliseid muusikuid\/ansambleid sa tead? Queen Metallica Ed Sheeran Mida arvad muusika kuulamisest koolis? Mitu tundi p\u00e4evas sa kuulad muusikat? Kas sa kuulad raadiot? Jah Ei Milliseid raadiojaamu oskad nimetada? Millist muusikat sa k\u00f5ige rohkem kuulad? Vali stiilPopRockR&BHip-hopJazzKlassikaline Kokkuv\u00f5te: Element Meaning Example in this survey <form id=”muusikaVorm”> form for all questions Music […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","footnotes":""},"class_list":["post-321","page","type-page","status-publish","hentry","entry"],"yoast_head":"\n<title>Creating a music questionnaire - Portfolio Nikita Gontsarov | eng<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/nikitagontsarov24.thkit.ee\/wp\/eng\/321-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Creating a music questionnaire - Portfolio Nikita Gontsarov | eng\" \/>\n<meta property=\"og:description\" content=\"Muusika k\u00fcsitlus K\u00fcsimused Vastused Milliseid muusikuid\/ansambleid sa tead? Queen Metallica Ed Sheeran Mida arvad muusika kuulamisest koolis? Mitu tundi p\u00e4evas sa kuulad muusikat? Kas sa kuulad raadiot? Jah Ei Milliseid raadiojaamu oskad nimetada? Millist muusikat sa k\u00f5ige rohkem kuulad? Vali stiilPopRockR&BHip-hopJazzKlassikaline Kokkuv\u00f5te: Element Meaning Example in this survey <form id=”muusikaVorm”> form for all questions Music […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/nikitagontsarov24.thkit.ee\/wp\/eng\/321-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Portfolio Nikita Gontsarov | eng\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-04T18:49:55+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/nikitagontsarov24.thkit.ee\\\/wp\\\/eng\\\/321-2\\\/\",\"url\":\"https:\\\/\\\/nikitagontsarov24.thkit.ee\\\/wp\\\/eng\\\/321-2\\\/\",\"name\":\"Creating a music questionnaire - Portfolio Nikita Gontsarov | eng\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/nikitagontsarov24.thkit.ee\\\/wp\\\/eng\\\/#website\"},\"datePublished\":\"2025-10-09T09:00:39+00:00\",\"dateModified\":\"2025-11-04T18:49:55+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/nikitagontsarov24.thkit.ee\\\/wp\\\/eng\\\/321-2\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/nikitagontsarov24.thkit.ee\\\/wp\\\/eng\\\/321-2\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/nikitagontsarov24.thkit.ee\\\/wp\\\/eng\\\/321-2\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/nikitagontsarov24.thkit.ee\\\/wp\\\/eng\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Creating a music questionnaire\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/nikitagontsarov24.thkit.ee\\\/wp\\\/eng\\\/#website\",\"url\":\"https:\\\/\\\/nikitagontsarov24.thkit.ee\\\/wp\\\/eng\\\/\",\"name\":\"Portfolio Nikita Gontsarov | eng\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/nikitagontsarov24.thkit.ee\\\/wp\\\/eng\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n","yoast_head_json":{"title":"Creating a music questionnaire - Portfolio Nikita Gontsarov | eng","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/nikitagontsarov24.thkit.ee\/wp\/eng\/321-2\/","og_locale":"en_US","og_type":"article","og_title":"Creating a music questionnaire - Portfolio Nikita Gontsarov | eng","og_description":"Muusika k\u00fcsitlus K\u00fcsimused Vastused Milliseid muusikuid\/ansambleid sa tead? Queen Metallica Ed Sheeran Mida arvad muusika kuulamisest koolis? Mitu tundi p\u00e4evas sa kuulad muusikat? Kas sa kuulad raadiot? Jah Ei Milliseid raadiojaamu oskad nimetada? Millist muusikat sa k\u00f5ige rohkem kuulad? Vali stiilPopRockR&BHip-hopJazzKlassikaline Kokkuv\u00f5te: Element Meaning Example in this survey <form id=”muusikaVorm”> form for all questions Music […]","og_url":"https:\/\/nikitagontsarov24.thkit.ee\/wp\/eng\/321-2\/","og_site_name":"Portfolio Nikita Gontsarov | eng","article_modified_time":"2025-11-04T18:49:55+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/nikitagontsarov24.thkit.ee\/wp\/eng\/321-2\/","url":"https:\/\/nikitagontsarov24.thkit.ee\/wp\/eng\/321-2\/","name":"Creating a music questionnaire - Portfolio Nikita Gontsarov | eng","isPartOf":{"@id":"https:\/\/nikitagontsarov24.thkit.ee\/wp\/eng\/#website"},"datePublished":"2025-10-09T09:00:39+00:00","dateModified":"2025-11-04T18:49:55+00:00","breadcrumb":{"@id":"https:\/\/nikitagontsarov24.thkit.ee\/wp\/eng\/321-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nikitagontsarov24.thkit.ee\/wp\/eng\/321-2\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/nikitagontsarov24.thkit.ee\/wp\/eng\/321-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/nikitagontsarov24.thkit.ee\/wp\/eng\/"},{"@type":"ListItem","position":2,"name":"Creating a music questionnaire"}]},{"@type":"WebSite","@id":"https:\/\/nikitagontsarov24.thkit.ee\/wp\/eng\/#website","url":"https:\/\/nikitagontsarov24.thkit.ee\/wp\/eng\/","name":"Portfolio Nikita Gontsarov | eng","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/nikitagontsarov24.thkit.ee\/wp\/eng\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/nikitagontsarov24.thkit.ee\/wp\/eng\/wp-json\/wp\/v2\/pages\/321","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nikitagontsarov24.thkit.ee\/wp\/eng\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nikitagontsarov24.thkit.ee\/wp\/eng\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nikitagontsarov24.thkit.ee\/wp\/eng\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nikitagontsarov24.thkit.ee\/wp\/eng\/wp-json\/wp\/v2\/comments?post=321"}],"version-history":[{"count":4,"href":"https:\/\/nikitagontsarov24.thkit.ee\/wp\/eng\/wp-json\/wp\/v2\/pages\/321\/revisions"}],"predecessor-version":[{"id":473,"href":"https:\/\/nikitagontsarov24.thkit.ee\/wp\/eng\/wp-json\/wp\/v2\/pages\/321\/revisions\/473"}],"wp:attachment":[{"href":"https:\/\/nikitagontsarov24.thkit.ee\/wp\/eng\/wp-json\/wp\/v2\/media?parent=321"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}