{"id":1475,"date":"2024-11-05T07:41:02","date_gmt":"2024-11-05T07:41:02","guid":{"rendered":"https:\/\/vladislavkudriashev23.thkit.ee\/WP\/?page_id=1475"},"modified":"2025-03-11T11:44:47","modified_gmt":"2025-03-11T11:44:47","slug":"html-quiz","status":"publish","type":"page","link":"https:\/\/vladislavkudriashev23.thkit.ee\/WP\/html-quiz\/","title":{"rendered":"Quiz"},"content":{"rendered":"\n<script>\n        function showResults() {\n            let correct1 = document.getElementById(\"13\");\n            let answer1 = document.getElementById(\"answer1\");\n            let correct2 = document.getElementById(\"22\");\n            let answer2 = document.getElementById(\"answer2\");\n            let correct3 = document.getElementById(\"32\");\n            let answer3 = document.getElementById(\"answer3\");\n            let correct4 = document.getElementById(\"42\");\n            let answer4 = document.getElementById(\"answer4\");\n            let correct5 = document.getElementById(\"53\");\n            let answer5 = document.getElementById(\"answer5\");\n\n            if (correct1.checked) {\n                answer1.style.color = \"Green\";\n                answer1.innerHTML = \"Correct!\";\n            } else {\n                answer1.style.color = \"Red\";\n                answer1.innerHTML = \"Incorrect!\";\n            }\n            if (correct2.checked) {\n                answer2.style.color = \"Green\";\n                answer2.innerHTML = \"Correct!\";\n            } else {\n                answer2.style.color = \"Red\";\n                answer2.innerHTML = \"Incorrect!\";\n            }\n            if (correct3.checked) {\n                answer3.style.color = \"Green\";\n                answer3.innerHTML = \"Correct!\";\n            } else {\n                answer3.style.color = \"Red\";\n                answer3.innerHTML = \"Incorrect!\";\n            }\n            if (correct4.checked) {\n                answer4.style.color = \"Green\";\n                answer4.innerHTML = \"Correct!\";\n            } else {\n                answer4.style.color = \"Red\";\n                answer4.innerHTML = \"Incorrect!\";\n            }\n            if (correct5.checked) {\n                answer5.style.color = \"Green\";\n                answer5.innerHTML = \"Correct!\";\n            } else {\n                answer5.style.color = \"Red\";\n                answer5.innerHTML = \"Incorrect!\";\n            }\n        }\n    <\/script>\n<h1>HTML Quiz<\/h1>\n<h2>Question 17:<\/h2>\n<h3>What is the correct HTML for making a drop-down list?<\/h3>\n<input type=\"radio\" name=\"1\" id=\"11\">\n<label for=\"11\">&lt;input type=&#8221;dropdown&#8221;&gt;<\/label><br>\n<input type=\"radio\" name=\"1\" id=\"12\">\n<label for=\"12\">&lt;input type=&#8221;list&#8221;&gt;<\/label><br>\n<input type=\"radio\" name=\"1\" id=\"13\">\n<label for=\"13\">&lt;select&gt;<\/label><br>\n<input type=\"radio\" name=\"1\" id=\"14\">\n<label for=\"14\">&lt;list&gt;<\/label><br>\n<p id=\"answer1\"><\/p>\n\n<h2>Question 18:<\/h2>\n<h3>What is the correct HTML for making a text area?<\/h3>\n<input type=\"radio\" name=\"2\" id=\"21\">\n<label for=\"21\">&lt;input type=&#8221;textarea&#8221;&gt;<\/label><br>\n<input type=\"radio\" name=\"2\" id=\"22\">\n<label for=\"22\">&lt;textarea&gt;<\/label><br>\n<input type=\"radio\" name=\"2\" id=\"23\">\n<label for=\"23\">&lt;input type=&#8221;textbox&#8221;&gt;<\/label><br>\n<p id=\"answer2\"><\/p>\n\n\n<h1>CSS Quiz<\/h1>\n<h2>Question 10:<\/h2>\n<h3>Which CSS property is used to change the text color of an element?<\/h3>\n<input type=\"radio\" name=\"3\" id=\"31\">\n<label for=\"31\">text-color<\/label><br>\n<input type=\"radio\" name=\"3\" id=\"32\">\n<label for=\"32\">color<\/label><br>\n<input type=\"radio\" name=\"3\" id=\"33\">\n<label for=\"33\">fgcolor<\/label><br>\n<p id=\"answer3\"><\/p>\n\n<h2>Question 17:<\/h2>\n<h3>How do you display a border like this:<br><br>\nThe top border = 10 pixels<br>\nThe bottom border = 5 pixels<br>\nThe left border = 20 pixels<br>\nThe right border = 1pixel?<\/h3>\n<input type=\"radio\" name=\"4\" id=\"41\">\n<label for=\"41\">border-width:10px 5px 20px 1px;<\/label><br>\n<input type=\"radio\" name=\"4\" id=\"42\">\n<label for=\"42\">border-width:10px 1px 5px 20px;<\/label><br>\n<input type=\"radio\" name=\"4\" id=\"43\">\n<label for=\"43\">border-width:10px 20px 5px 1px;<\/label><br>\n<input type=\"radio\" name=\"4\" id=\"44\">\n<label for=\"44\">border-width:5px 20px 10px 1px;<\/label><br>\n<p id=\"answer4\"><\/p>\n\n<h2>Question 25:<\/h2>\n<h3>What is the default value of the position property?<\/h3>\n<input type=\"radio\" name=\"5\" id=\"51\">\n<label for=\"51\">relative<\/label><br>\n<input type=\"radio\" name=\"5\" id=\"52\">\n<label for=\"52\">absolute<\/label><br>\n<input type=\"radio\" name=\"5\" id=\"53\">\n<label for=\"53\">static<\/label><br>\n<input type=\"radio\" name=\"5\" id=\"54\">\n<label for=\"54\">fixed<\/label><br>\n<p id=\"answer5\"><\/p>\n\n<input type=\"button\" value=\"Show results\" onclick=\"showResults()\">\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>HTML Quiz Question 17: What is the correct HTML for making a drop-down list? &lt;input type=&#8221;dropdown&#8221;&gt; &lt;input type=&#8221;list&#8221;&gt; &lt;select&gt; &lt;list&gt; Question 18: What is the correct HTML for making a text area? &lt;input type=&#8221;textarea&#8221;&gt; &lt;textarea&gt; &lt;input type=&#8221;textbox&#8221;&gt; CSS Quiz Question 10: Which CSS property is used to change the text color of an element? text-color [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1475","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vladislavkudriashev23.thkit.ee\/WP\/wp-json\/wp\/v2\/pages\/1475","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vladislavkudriashev23.thkit.ee\/WP\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vladislavkudriashev23.thkit.ee\/WP\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vladislavkudriashev23.thkit.ee\/WP\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vladislavkudriashev23.thkit.ee\/WP\/wp-json\/wp\/v2\/comments?post=1475"}],"version-history":[{"count":9,"href":"https:\/\/vladislavkudriashev23.thkit.ee\/WP\/wp-json\/wp\/v2\/pages\/1475\/revisions"}],"predecessor-version":[{"id":1520,"href":"https:\/\/vladislavkudriashev23.thkit.ee\/WP\/wp-json\/wp\/v2\/pages\/1475\/revisions\/1520"}],"wp:attachment":[{"href":"https:\/\/vladislavkudriashev23.thkit.ee\/WP\/wp-json\/wp\/v2\/media?parent=1475"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}