\u05de\u05e9\u05d7\u05e7 \u05d4\u05db\u05e8\u05d8\u05d9\u05e1\u05d9\u05dd<\/title>\r\n <link rel=\"stylesheet\" href=\"styles.css\">\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <h1 id=\"question\">\u05e9\u05d0\u05dc\u05d4 1: \u05de\u05d4\u05d5 \u05e6\u05d1\u05e2 \u05d4\u05e9\u05de\u05d9\u05d9\u05dd?<\/h1>\r\n <div class=\"cards\">\r\n <div class=\"card\" data-answer=\"false\" onclick=\"flipCard(this, 1)\">\u05e6\u05d4\u05d5\u05d1<\/div>\r\n <div class=\"card\" data-answer=\"false\" onclick=\"flipCard(this, 2)\">\u05d0\u05d3\u05d5\u05dd<\/div>\r\n <div class=\"card\" data-answer=\"true\" onclick=\"flipCard(this, 3)\">\u05db\u05d7\u05d5\u05dc<\/div>\r\n <div class=\"card\" data-answer=\"false\" onclick=\"flipCard(this, 4)\">\u05d9\u05e8\u05d5\u05e7<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"code-container\">\r\n <h2>\u05d4\u05e7\u05d5\u05d3 \u05dc\u05e4\u05ea\u05d9\u05d7\u05ea \u05d4\u05d8\u05d0\u05d1\u05dc\u05d8: <span id=\"code\">____<\/span><\/h2>\r\n <\/div>\r\n\r\n <button id=\"next-button\" onclick=\"nextQuestion()\" disabled>\u05d4\u05d1\u05d0<\/button>\r\n\r\n <script>\r\n let currentCode = \"\";\r\n let correctAnswers = 0;\r\n let currentQuestionIndex = 0;\r\n\r\n \/\/ \u05e8\u05e9\u05d9\u05de\u05ea \u05d4\u05e9\u05d0\u05dc\u05d5\u05ea \u05d5\u05d4\u05ea\u05e9\u05d5\u05d1\u05d5\u05ea\r\n const questions = [\r\n {\r\n question: \"\u05e9\u05d0\u05dc\u05d4 1: \u05de\u05d4\u05d5 \u05e6\u05d1\u05e2 \u05d4\u05e9\u05de\u05d9\u05d9\u05dd?\",\r\n answers: [\r\n { text: \"\u05e6\u05d4\u05d5\u05d1\", correct: false },\r\n { text: \"\u05d0\u05d3\u05d5\u05dd\", correct: false },\r\n { text: \"\u05db\u05d7\u05d5\u05dc\", correct: true },\r\n { text: \"\u05d9\u05e8\u05d5\u05e7\", correct: false }\r\n ]\r\n },\r\n {\r\n question: \"\u05e9\u05d0\u05dc\u05d4 2: \u05db\u05de\u05d4 \u05d9\u05de\u05d9\u05dd \u05d9\u05e9 \u05d1\u05e9\u05d1\u05d5\u05e2?\",\r\n answers: [\r\n { text: \"5\", correct: false },\r\n { text: \"6\", correct: false },\r\n { text: \"7\", correct: true },\r\n { text: \"8\", correct: false }\r\n ]\r\n },\r\n {\r\n question: \"\u05e9\u05d0\u05dc\u05d4 3: \u05de\u05d4\u05d5 \u05de\u05e1\u05e4\u05e8 \u05d4\u05d7\u05d5\u05d3\u05e9\u05d9\u05dd \u05d1\u05e9\u05e0\u05d4?\",\r\n answers: [\r\n { text: \"10\", correct: false },\r\n { text: \"11\", correct: false },\r\n { text: \"12\", correct: true },\r\n { text: \"13\", correct: false }\r\n ]\r\n },\r\n {\r\n question: \"\u05e9\u05d0\u05dc\u05d4 4: \u05de\u05d4\u05d5 \u05db\u05d5\u05db\u05d1 \u05d4\u05dc\u05db\u05ea \u05d4\u05e7\u05e8\u05d5\u05d1 \u05d1\u05d9\u05d5\u05ea\u05e8 \u05dc\u05e9\u05de\u05e9?\",\r\n answers: [\r\n { text: \"\u05de\u05d0\u05d3\u05d9\u05dd\", correct: false },\r\n { text: \"\u05db\u05d3\u05d5\u05e8 \u05d4\u05d0\u05e8\u05e5\", correct: false },\r\n { text: \"\u05e0\u05d5\u05d2\u05d4\", correct: false },\r\n { text: \"\u05d7\u05de\u05d4\", correct: true }\r\n ]\r\n }\r\n ];\r\n\r\n function flipCard(card, number) {\r\n if (card.dataset.answer === \"true\") {\r\n card.classList.add('flipped');\r\n card.innerHTML = number;\r\n currentCode += number;\r\n correctAnswers++;\r\n document.getElementById(\"code\").textContent = currentCode;\r\n\r\n \/\/ \u05d4\u05e4\u05e2\u05dc\u05ea \u05d4\u05db\u05e4\u05ea\u05d5\u05e8 \u05dc\u05de\u05e2\u05d1\u05e8 \u05dc\u05e9\u05d0\u05dc\u05d4 \u05d4\u05d1\u05d0\u05d4 \u05dc\u05d0\u05d7\u05e8 \u05ea\u05e9\u05d5\u05d1\u05d4 \u05e0\u05db\u05d5\u05e0\u05d4\r\n document.getElementById(\"next-button\").disabled = false;\r\n\r\n if (correctAnswers === 4) {\r\n alert(\"\u05d4\u05e9\u05dc\u05de\u05ea \u05d0\u05ea \u05d4\u05e7\u05d5\u05d3: \" + currentCode + \"!\");\r\n }\r\n } else {\r\n card.classList.add('incorrect');\r\n card.innerHTML = '\u05e9\u05d2\u05d5\u05d9!';\r\n }\r\n }\r\n\r\n function nextQuestion() {\r\n currentQuestionIndex++;\r\n if (currentQuestionIndex < questions.length) {\r\n loadQuestion(currentQuestionIndex);\r\n }\r\n \/\/ \u05d1\u05d9\u05d8\u05d5\u05dc \u05d4\u05db\u05e4\u05ea\u05d5\u05e8 \u05e2\u05d3 \u05e9\u05d4\u05ea\u05e9\u05d5\u05d1\u05d4 \u05e0\u05db\u05d5\u05e0\u05d4\r\n document.getElementById(\"next-button\").disabled = true;\r\n }\r\n\r\n function loadQuestion(index) {\r\n const question = questions[index];\r\n document.getElementById(\"question\").textContent = question.question;\r\n const cards = document.querySelectorAll(\".card\");\r\n\r\n \/\/ \u05e2\u05d3\u05db\u05d5\u05df \u05d4\u05db\u05e8\u05d8\u05d9\u05e1\u05d9\u05dd \u05e2\u05dd \u05ea\u05e9\u05d5\u05d1\u05d5\u05ea \u05d7\u05d3\u05e9\u05d5\u05ea\r\n for (let i = 0; i < cards.length; i++) {\r\n cards[i].classList.remove('flipped', 'incorrect');\r\n cards[i].innerHTML = question.answers[i].text;\r\n cards[i].setAttribute('data-answer', question.answers[i].correct);\r\n }\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dbd5456 e-flex e-con-boxed e-con e-parent\" data-id=\"dbd5456\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-720e88b elementor-align-center elementor-widget__width-inherit elementor-widget elementor-widget-button\" data-id=\"720e88b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/mbinalpisga.com\/?page_id=1515\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u05dc\u05e9\u05dc\u05d1 \u05d4\u05d1\u05d0<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u05d7\u05d6\u05e8\u05d4 \u05de\u05e9\u05d7\u05e7 \u05d4\u05db\u05e8\u05d8\u05d9\u05e1\u05d9\u05dd \u05de\u05e9\u05d7\u05e7 \u05d4\u05db\u05e8\u05d8\u05d9\u05e1\u05d9\u05dd \u05e9\u05d0\u05dc\u05d4 1: \u05de\u05d4\u05d5 \u05e6\u05d1\u05e2 \u05d4\u05e9\u05de\u05d9\u05d9\u05dd? \u05e6\u05d4\u05d5\u05d1 \u05d0\u05d3\u05d5\u05dd \u05db\u05d7\u05d5\u05dc \u05d9\u05e8\u05d5\u05e7 \u05d4\u05e7\u05d5\u05d3 \u05dc\u05e4\u05ea\u05d9\u05d7\u05ea \u05d4\u05d8\u05d0\u05d1\u05dc\u05d8: ____ \u05d4\u05d1\u05d0 \u05dc\u05e9\u05dc\u05d1 \u05d4\u05d1\u05d0<\/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-3175","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mbinalpisga.com\/index.php?rest_route=\/wp\/v2\/pages\/3175","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mbinalpisga.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mbinalpisga.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mbinalpisga.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mbinalpisga.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3175"}],"version-history":[{"count":5,"href":"https:\/\/mbinalpisga.com\/index.php?rest_route=\/wp\/v2\/pages\/3175\/revisions"}],"predecessor-version":[{"id":3191,"href":"https:\/\/mbinalpisga.com\/index.php?rest_route=\/wp\/v2\/pages\/3175\/revisions\/3191"}],"wp:attachment":[{"href":"https:\/\/mbinalpisga.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3175"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}