Test s\u0142\u00f3wek Angielski \u2013 negatywne przymiotniki<\/title>\r\n<style>\r\nbody {\r\n font-family: Arial, sans-serif;\r\n margin: 0;\r\n height: 100vh;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n transition: background 1s ease, opacity 0.5s ease;\r\n background-size: cover;\r\n background-position: center;\r\n}\r\n.quiz-container {\r\n max-width: 600px;\r\n width: 100%;\r\n background: rgba(255,255,255,0.95);\r\n padding: 30px;\r\n border-radius: 15px;\r\n box-shadow: 0 8px 20px rgba(0,0,0,0.3);\r\n text-align: center;\r\n position: relative;\r\n}\r\nh1 { font-size: 1.6em; margin-bottom: 15px; color: #333; }\r\n#progress { font-size: 1.1em; font-weight: bold; margin-bottom: 15px; }\r\n.question { font-size: 1em; margin-bottom: 6px; color: #555; font-weight: normal; }\r\n.word { font-size: 1.6em; font-weight: bold; margin-bottom: 10px; color: #222; }\r\n\r\n#answer {\r\n width: 100%;\r\n padding: 0 15px;\r\n font-size: 1em;\r\n border: 2px solid #ccc;\r\n border-radius: 8px;\r\n margin-bottom: 5px;\r\n height: 42px;\r\n line-height: 42px;\r\n outline: none;\r\n transition: border-color 0.3s, background 0.3s, transform 0.1s;\r\n box-sizing: border-box;\r\n}\r\n#answer.correct { border-color: green; background: #e6ffe6; }\r\n#answer.incorrect { border-color: red; background: #ffe6e6; animation: flashRed 0.5s ease 2; }\r\n\r\n@keyframes flashRed {\r\n 0% { border-color: red; background-color: #ffe6e6; }\r\n 50% { border-color: darkred; background-color: #ffcfcf; }\r\n 100% { border-color: red; background-color: #ffe6e6; }\r\n}\r\n\r\n#correct-answer-box {\r\n position: relative;\r\n border: 2px solid green;\r\n border-radius: 8px;\r\n padding: 0 15px;\r\n font-size: 1.1em;\r\n color: #000;\r\n height: 42px;\r\n line-height: 42px;\r\n margin-bottom: 10px;\r\n visibility: hidden;\r\n box-sizing: border-box;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n background: repeating-linear-gradient(45deg, #eaffea, #eaffea 10px, #ffffff 10px, #ffffff 20px);\r\n}\r\n#repeat-note { font-size: 0.8em; color: #333; user-select: none; margin-left: 10px; }\r\n#feedback { font-size: 1.2em; font-weight: bold; margin-top: 10px; }\r\n#feedback.correct { color: green; }\r\n#feedback.incorrect { color: red; }\r\n\r\nbutton {\r\n padding: 12px 25px;\r\n font-size: 1em;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n margin: 5px 0;\r\n box-shadow: 0 4px 10px rgba(0,0,0,0.2);\r\n transition: background 0.3s;\r\n}\r\n#submit-btn {\r\n display: block; \/* bezpo\u015brednio pod polem *\/\r\n width: 100%;\r\n margin: 5px 0 10px 0;\r\n background: #007bff;\r\n color: white;\r\n border: none;\r\n padding: 12px 0;\r\n border-radius: 8px;\r\n font-size: 1em;\r\n cursor: pointer;\r\n}\r\n#submit-btn:hover { background: #0056b3; }\r\n#next-btn { background: white; color: black; border: 2px solid black; display:none; }\r\n#repeat-btn { background: white; color: #007bff; border: 2px solid #007bff; display:none; }\r\n\r\n#speed-control { margin: 15px 0; }\r\n#toggle-voice-btn {\r\n position: absolute;\r\n bottom: 5px;\r\n left: 20px;\r\n padding: 10px 20px;\r\n background: white;\r\n border: none;\r\n border-radius: 8px;\r\n cursor: pointer;\r\n font-weight: bold;\r\n color: #007bff;\r\n transition: background 0.3s, color 0.2s, transform 0.1s;\r\n}\r\n#toggle-voice-btn:hover { background: #f0f0f0; color: #0056b3; }\r\n#toggle-voice-btn:active { transform: scale(0.95); }\r\n\r\n\/* Responsywne dostosowanie przycisku Wycisz na telefon *\/\r\n@media (max-width: 480px) {\r\n #toggle-voice-btn {\r\n bottom: 40px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n }\r\n #speed-control {\r\n margin-bottom: 80px;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"quiz-container\">\r\n <h1>Negatywne przymioty<\/h1>\r\n <div id=\"progress\"><\/div>\r\n <div class=\"question\">Przet\u0142umacz:<\/div>\r\n <div class=\"word\" id=\"question\"><\/div>\r\n <input type=\"text\" id=\"answer\" placeholder=\"Wpisz t\u0142umaczenie...\">\r\n <button id=\"submit-btn\">Sprawd\u017a<\/button>\r\n <div id=\"correct-answer-box\">\r\n <span id=\"correct-text\"><\/span>\r\n <span id=\"repeat-note\">Enter = powt\u00f3rz lektora<\/span>\r\n <\/div>\r\n <button id=\"repeat-btn\">Powt\u00f3rz lektora<\/button>\r\n <button id=\"next-btn\">Dalej<\/button>\r\n\r\n <div id=\"feedback\"><\/div>\r\n <div id=\"speed-control\">\r\n <label for=\"speedRange\">Pr\u0119dko\u015b\u0107 wymowy: <span id=\"speedValue\">0.7<\/span><\/label><br>\r\n <input type=\"range\" id=\"speedRange\" min=\"0.5\" max=\"2\" step=\"0.1\" value=\"0.7\">\r\n <\/div>\r\n <button id=\"toggle-voice-btn\">Wycisz<\/button>\r\n<\/div>\r\n\r\n<script>\r\nconst words = [\r\n {pl:\"niegrzeczny, nieuprzejmy\", en:\"rude\", bg:\"linear-gradient(to right,#ffb3b3,#ffd6d6)\"},\r\n {pl:\"egoistyczny, samolubny\", en:\"selfish\", bg:\"linear-gradient(to right,#fdd0c0,#ffc0a0)\"},\r\n {pl:\"uparty, nieust\u0119pliwy\", en:\"stubborn\", bg:\"linear-gradient(to right,#f6d365,#fda085)\"},\r\n {pl:\"leniwy\", en:\"lazy\", bg:\"linear-gradient(to right,#d4fc79,#96e6a1)\"},\r\n {pl:\"nie\u015bmia\u0142y, wstydliwy\", en:\"shy\", bg:\"linear-gradient(to right,#a1c4fd,#c2e9fb)\"},\r\n {pl:\"g\u0142upi\", en:\"stupid\", bg:\"linear-gradient(to right,#a1c4fd,#c2e9fb)\"},\r\n {pl:\"z\u0142y, w\u015bciek\u0142y\", en:\"angry\", bg:\"linear-gradient(to right,#fbc2eb,#a6c1ee)\"},\r\n {pl:\"zarozumia\u0142y, arogancki\", en:\"arrogant\", bg:\"linear-gradient(to right,#ff9a9e,#fad0c4)\"},\r\n {pl:\"nieuczciwy\", en:\"dishonest\", bg:\"linear-gradient(to right,#89f7fe,#66a6ff)\"}\r\n];\r\n\r\nfunction shuffle(arr){return arr.sort(()=>Math.random()-0.5);}\r\nlet queue = shuffle([...words]);\r\nlet correctAnswers = 0;\r\nlet currentQuestion;\r\nlet speechRate = 0.7;\r\nlet voiceEnabled = true;\r\n\r\nconst questionEl = document.getElementById(\"question\");\r\nconst answerEl = document.getElementById(\"answer\");\r\nconst correctBox = document.getElementById(\"correct-answer-box\");\r\nconst correctText = document.getElementById(\"correct-text\");\r\nconst feedbackEl = document.getElementById(\"feedback\");\r\nconst submitBtn = document.getElementById(\"submit-btn\");\r\nconst nextBtn = document.getElementById(\"next-btn\");\r\nconst repeatBtn = document.getElementById(\"repeat-btn\");\r\nconst progressEl = document.getElementById(\"progress\");\r\nconst speedRange = document.getElementById(\"speedRange\");\r\nconst speedValue = document.getElementById(\"speedValue\");\r\nconst toggleVoiceBtn = document.getElementById(\"toggle-voice-btn\");\r\n\r\nspeedRange.addEventListener(\"input\",()=>{\r\n speechRate=parseFloat(speedRange.value);\r\n speedValue.textContent=speechRate;\r\n});\r\n\r\ntoggleVoiceBtn.addEventListener(\"click\",()=>{\r\n voiceEnabled=!voiceEnabled;\r\n toggleVoiceBtn.textContent=voiceEnabled?\"Wycisz\":\"W\u0142\u0105cz lektora\";\r\n});\r\n\r\nfunction speak(word){\r\n if(!voiceEnabled) return;\r\n const u = new SpeechSynthesisUtterance(word);\r\n u.lang = \"en-US\";\r\n u.rate = speechRate;\r\n speechSynthesis.speak(u);\r\n}\r\n\r\nfunction loadQuestion(){\r\n feedbackEl.textContent=\"\";\r\n feedbackEl.className=\"\";\r\n answerEl.value=\"\";\r\n answerEl.className=\"\";\r\n nextBtn.style.display=\"none\";\r\n repeatBtn.style.display=\"none\";\r\n correctBox.style.visibility=\"hidden\";\r\n correctText.textContent=\"\";\r\n submitBtn.style.display=\"inline-block\";\r\n\r\n if(queue.length === 0){\r\n queue = shuffle([...words]);\r\n correctAnswers = 0;\r\n }\r\n\r\n currentQuestion = queue.pop();\r\n questionEl.textContent = currentQuestion.pl;\r\n document.body.style.background = currentQuestion.bg;\r\n progressEl.textContent = `${correctAnswers} \/ ${words.length}`;\r\n}\r\n\r\nfunction checkAnswer(){\r\n const userAnswer = answerEl.value.trim().toLowerCase();\r\n\r\n if(userAnswer === \"\"){\r\n feedbackEl.textContent = \"\";\r\n feedbackEl.className = \"\";\r\n correctText.textContent = currentQuestion.en;\r\n correctBox.style.visibility = \"visible\";\r\n speak(currentQuestion.en);\r\n submitBtn.style.display=\"none\";\r\n repeatBtn.style.display=\"inline-block\";\r\n nextBtn.style.display=\"inline-block\";\r\n return;\r\n }\r\n\r\n if(userAnswer === currentQuestion.en.toLowerCase()){\r\n correctAnswers++;\r\n feedbackEl.textContent = \"Prawda\";\r\n feedbackEl.className = \"correct\";\r\n answerEl.className = \"correct\";\r\n speak(currentQuestion.en);\r\n setTimeout(loadQuestion, 1500);\r\n } else {\r\n feedbackEl.textContent = \"Fa\u0142sz\";\r\n feedbackEl.className = \"incorrect\";\r\n answerEl.classList.add(\"incorrect\");\r\n correctText.textContent = currentQuestion.en;\r\n correctBox.style.visibility = \"visible\";\r\n speak(currentQuestion.en);\r\n submitBtn.style.display=\"none\";\r\n repeatBtn.style.display=\"inline-block\";\r\n nextBtn.style.display=\"inline-block\";\r\n }\r\n\r\n progressEl.textContent = `${correctAnswers} \/ ${words.length}`;\r\n}\r\n\r\nrepeatBtn.addEventListener(\"click\", ()=> speak(currentQuestion.en));\r\n\r\nanswerEl.addEventListener(\"keypress\", e=>{\r\n if(e.key === \"Enter\"){\r\n if(correctBox.style.visibility === \"visible\") speak(currentQuestion.en);\r\n else checkAnswer();\r\n }\r\n});\r\n\r\nsubmitBtn.addEventListener(\"click\", checkAnswer);\r\nnextBtn.addEventListener(\"click\", loadQuestion);\r\n\r\nloadQuestion();\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\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>Test s\u0142\u00f3wek Angielski \u2013 negatywne przymiotniki Negatywne przymioty Przet\u0142umacz: Sprawd\u017a Enter = powt\u00f3rz lektora Powt\u00f3rz lektora Dalej Pr\u0119dko\u015b\u0107 wymowy: 0.7 Wycisz<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/template-pagebuilder-full-width.php","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"class_list":["post-390","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/slowka-angielski.you2.pl\/index.php\/wp-json\/wp\/v2\/pages\/390","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/slowka-angielski.you2.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/slowka-angielski.you2.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/slowka-angielski.you2.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/slowka-angielski.you2.pl\/index.php\/wp-json\/wp\/v2\/comments?post=390"}],"version-history":[{"count":13,"href":"https:\/\/slowka-angielski.you2.pl\/index.php\/wp-json\/wp\/v2\/pages\/390\/revisions"}],"predecessor-version":[{"id":552,"href":"https:\/\/slowka-angielski.you2.pl\/index.php\/wp-json\/wp\/v2\/pages\/390\/revisions\/552"}],"wp:attachment":[{"href":"https:\/\/slowka-angielski.you2.pl\/index.php\/wp-json\/wp\/v2\/media?parent=390"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nTest s\u0142\u00f3wek Angielski \u2013 negatywne przymiotniki<\/title>\r\n<style>\r\nbody {\r\n font-family: Arial, sans-serif;\r\n margin: 0;\r\n height: 100vh;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n transition: background 1s ease, opacity 0.5s ease;\r\n background-size: cover;\r\n background-position: center;\r\n}\r\n.quiz-container {\r\n max-width: 600px;\r\n width: 100%;\r\n background: rgba(255,255,255,0.95);\r\n padding: 30px;\r\n border-radius: 15px;\r\n box-shadow: 0 8px 20px rgba(0,0,0,0.3);\r\n text-align: center;\r\n position: relative;\r\n}\r\nh1 { font-size: 1.6em; margin-bottom: 15px; color: #333; }\r\n#progress { font-size: 1.1em; font-weight: bold; margin-bottom: 15px; }\r\n.question { font-size: 1em; margin-bottom: 6px; color: #555; font-weight: normal; }\r\n.word { font-size: 1.6em; font-weight: bold; margin-bottom: 10px; color: #222; }\r\n\r\n#answer {\r\n width: 100%;\r\n padding: 0 15px;\r\n font-size: 1em;\r\n border: 2px solid #ccc;\r\n border-radius: 8px;\r\n margin-bottom: 5px;\r\n height: 42px;\r\n line-height: 42px;\r\n outline: none;\r\n transition: border-color 0.3s, background 0.3s, transform 0.1s;\r\n box-sizing: border-box;\r\n}\r\n#answer.correct { border-color: green; background: #e6ffe6; }\r\n#answer.incorrect { border-color: red; background: #ffe6e6; animation: flashRed 0.5s ease 2; }\r\n\r\n@keyframes flashRed {\r\n 0% { border-color: red; background-color: #ffe6e6; }\r\n 50% { border-color: darkred; background-color: #ffcfcf; }\r\n 100% { border-color: red; background-color: #ffe6e6; }\r\n}\r\n\r\n#correct-answer-box {\r\n position: relative;\r\n border: 2px solid green;\r\n border-radius: 8px;\r\n padding: 0 15px;\r\n font-size: 1.1em;\r\n color: #000;\r\n height: 42px;\r\n line-height: 42px;\r\n margin-bottom: 10px;\r\n visibility: hidden;\r\n box-sizing: border-box;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n background: repeating-linear-gradient(45deg, #eaffea, #eaffea 10px, #ffffff 10px, #ffffff 20px);\r\n}\r\n#repeat-note { font-size: 0.8em; color: #333; user-select: none; margin-left: 10px; }\r\n#feedback { font-size: 1.2em; font-weight: bold; margin-top: 10px; }\r\n#feedback.correct { color: green; }\r\n#feedback.incorrect { color: red; }\r\n\r\nbutton {\r\n padding: 12px 25px;\r\n font-size: 1em;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n margin: 5px 0;\r\n box-shadow: 0 4px 10px rgba(0,0,0,0.2);\r\n transition: background 0.3s;\r\n}\r\n#submit-btn {\r\n display: block; \/* bezpo\u015brednio pod polem *\/\r\n width: 100%;\r\n margin: 5px 0 10px 0;\r\n background: #007bff;\r\n color: white;\r\n border: none;\r\n padding: 12px 0;\r\n border-radius: 8px;\r\n font-size: 1em;\r\n cursor: pointer;\r\n}\r\n#submit-btn:hover { background: #0056b3; }\r\n#next-btn { background: white; color: black; border: 2px solid black; display:none; }\r\n#repeat-btn { background: white; color: #007bff; border: 2px solid #007bff; display:none; }\r\n\r\n#speed-control { margin: 15px 0; }\r\n#toggle-voice-btn {\r\n position: absolute;\r\n bottom: 5px;\r\n left: 20px;\r\n padding: 10px 20px;\r\n background: white;\r\n border: none;\r\n border-radius: 8px;\r\n cursor: pointer;\r\n font-weight: bold;\r\n color: #007bff;\r\n transition: background 0.3s, color 0.2s, transform 0.1s;\r\n}\r\n#toggle-voice-btn:hover { background: #f0f0f0; color: #0056b3; }\r\n#toggle-voice-btn:active { transform: scale(0.95); }\r\n\r\n\/* Responsywne dostosowanie przycisku Wycisz na telefon *\/\r\n@media (max-width: 480px) {\r\n #toggle-voice-btn {\r\n bottom: 40px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n }\r\n #speed-control {\r\n margin-bottom: 80px;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"quiz-container\">\r\n <h1>Negatywne przymioty<\/h1>\r\n <div id=\"progress\"><\/div>\r\n <div class=\"question\">Przet\u0142umacz:<\/div>\r\n <div class=\"word\" id=\"question\"><\/div>\r\n <input type=\"text\" id=\"answer\" placeholder=\"Wpisz t\u0142umaczenie...\">\r\n <button id=\"submit-btn\">Sprawd\u017a<\/button>\r\n <div id=\"correct-answer-box\">\r\n <span id=\"correct-text\"><\/span>\r\n <span id=\"repeat-note\">Enter = powt\u00f3rz lektora<\/span>\r\n <\/div>\r\n <button id=\"repeat-btn\">Powt\u00f3rz lektora<\/button>\r\n <button id=\"next-btn\">Dalej<\/button>\r\n\r\n <div id=\"feedback\"><\/div>\r\n <div id=\"speed-control\">\r\n <label for=\"speedRange\">Pr\u0119dko\u015b\u0107 wymowy: <span id=\"speedValue\">0.7<\/span><\/label><br>\r\n <input type=\"range\" id=\"speedRange\" min=\"0.5\" max=\"2\" step=\"0.1\" value=\"0.7\">\r\n <\/div>\r\n <button id=\"toggle-voice-btn\">Wycisz<\/button>\r\n<\/div>\r\n\r\n<script>\r\nconst words = [\r\n {pl:\"niegrzeczny, nieuprzejmy\", en:\"rude\", bg:\"linear-gradient(to right,#ffb3b3,#ffd6d6)\"},\r\n {pl:\"egoistyczny, samolubny\", en:\"selfish\", bg:\"linear-gradient(to right,#fdd0c0,#ffc0a0)\"},\r\n {pl:\"uparty, nieust\u0119pliwy\", en:\"stubborn\", bg:\"linear-gradient(to right,#f6d365,#fda085)\"},\r\n {pl:\"leniwy\", en:\"lazy\", bg:\"linear-gradient(to right,#d4fc79,#96e6a1)\"},\r\n {pl:\"nie\u015bmia\u0142y, wstydliwy\", en:\"shy\", bg:\"linear-gradient(to right,#a1c4fd,#c2e9fb)\"},\r\n {pl:\"g\u0142upi\", en:\"stupid\", bg:\"linear-gradient(to right,#a1c4fd,#c2e9fb)\"},\r\n {pl:\"z\u0142y, w\u015bciek\u0142y\", en:\"angry\", bg:\"linear-gradient(to right,#fbc2eb,#a6c1ee)\"},\r\n {pl:\"zarozumia\u0142y, arogancki\", en:\"arrogant\", bg:\"linear-gradient(to right,#ff9a9e,#fad0c4)\"},\r\n {pl:\"nieuczciwy\", en:\"dishonest\", bg:\"linear-gradient(to right,#89f7fe,#66a6ff)\"}\r\n];\r\n\r\nfunction shuffle(arr){return arr.sort(()=>Math.random()-0.5);}\r\nlet queue = shuffle([...words]);\r\nlet correctAnswers = 0;\r\nlet currentQuestion;\r\nlet speechRate = 0.7;\r\nlet voiceEnabled = true;\r\n\r\nconst questionEl = document.getElementById(\"question\");\r\nconst answerEl = document.getElementById(\"answer\");\r\nconst correctBox = document.getElementById(\"correct-answer-box\");\r\nconst correctText = document.getElementById(\"correct-text\");\r\nconst feedbackEl = document.getElementById(\"feedback\");\r\nconst submitBtn = document.getElementById(\"submit-btn\");\r\nconst nextBtn = document.getElementById(\"next-btn\");\r\nconst repeatBtn = document.getElementById(\"repeat-btn\");\r\nconst progressEl = document.getElementById(\"progress\");\r\nconst speedRange = document.getElementById(\"speedRange\");\r\nconst speedValue = document.getElementById(\"speedValue\");\r\nconst toggleVoiceBtn = document.getElementById(\"toggle-voice-btn\");\r\n\r\nspeedRange.addEventListener(\"input\",()=>{\r\n speechRate=parseFloat(speedRange.value);\r\n speedValue.textContent=speechRate;\r\n});\r\n\r\ntoggleVoiceBtn.addEventListener(\"click\",()=>{\r\n voiceEnabled=!voiceEnabled;\r\n toggleVoiceBtn.textContent=voiceEnabled?\"Wycisz\":\"W\u0142\u0105cz lektora\";\r\n});\r\n\r\nfunction speak(word){\r\n if(!voiceEnabled) return;\r\n const u = new SpeechSynthesisUtterance(word);\r\n u.lang = \"en-US\";\r\n u.rate = speechRate;\r\n speechSynthesis.speak(u);\r\n}\r\n\r\nfunction loadQuestion(){\r\n feedbackEl.textContent=\"\";\r\n feedbackEl.className=\"\";\r\n answerEl.value=\"\";\r\n answerEl.className=\"\";\r\n nextBtn.style.display=\"none\";\r\n repeatBtn.style.display=\"none\";\r\n correctBox.style.visibility=\"hidden\";\r\n correctText.textContent=\"\";\r\n submitBtn.style.display=\"inline-block\";\r\n\r\n if(queue.length === 0){\r\n queue = shuffle([...words]);\r\n correctAnswers = 0;\r\n }\r\n\r\n currentQuestion = queue.pop();\r\n questionEl.textContent = currentQuestion.pl;\r\n document.body.style.background = currentQuestion.bg;\r\n progressEl.textContent = `${correctAnswers} \/ ${words.length}`;\r\n}\r\n\r\nfunction checkAnswer(){\r\n const userAnswer = answerEl.value.trim().toLowerCase();\r\n\r\n if(userAnswer === \"\"){\r\n feedbackEl.textContent = \"\";\r\n feedbackEl.className = \"\";\r\n correctText.textContent = currentQuestion.en;\r\n correctBox.style.visibility = \"visible\";\r\n speak(currentQuestion.en);\r\n submitBtn.style.display=\"none\";\r\n repeatBtn.style.display=\"inline-block\";\r\n nextBtn.style.display=\"inline-block\";\r\n return;\r\n }\r\n\r\n if(userAnswer === currentQuestion.en.toLowerCase()){\r\n correctAnswers++;\r\n feedbackEl.textContent = \"Prawda\";\r\n feedbackEl.className = \"correct\";\r\n answerEl.className = \"correct\";\r\n speak(currentQuestion.en);\r\n setTimeout(loadQuestion, 1500);\r\n } else {\r\n feedbackEl.textContent = \"Fa\u0142sz\";\r\n feedbackEl.className = \"incorrect\";\r\n answerEl.classList.add(\"incorrect\");\r\n correctText.textContent = currentQuestion.en;\r\n correctBox.style.visibility = \"visible\";\r\n speak(currentQuestion.en);\r\n submitBtn.style.display=\"none\";\r\n repeatBtn.style.display=\"inline-block\";\r\n nextBtn.style.display=\"inline-block\";\r\n }\r\n\r\n progressEl.textContent = `${correctAnswers} \/ ${words.length}`;\r\n}\r\n\r\nrepeatBtn.addEventListener(\"click\", ()=> speak(currentQuestion.en));\r\n\r\nanswerEl.addEventListener(\"keypress\", e=>{\r\n if(e.key === \"Enter\"){\r\n if(correctBox.style.visibility === \"visible\") speak(currentQuestion.en);\r\n else checkAnswer();\r\n }\r\n});\r\n\r\nsubmitBtn.addEventListener(\"click\", checkAnswer);\r\nnextBtn.addEventListener(\"click\", loadQuestion);\r\n\r\nloadQuestion();\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\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>Test s\u0142\u00f3wek Angielski \u2013 negatywne przymiotniki Negatywne przymioty Przet\u0142umacz: Sprawd\u017a Enter = powt\u00f3rz lektora Powt\u00f3rz lektora Dalej Pr\u0119dko\u015b\u0107 wymowy: 0.7 Wycisz<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/template-pagebuilder-full-width.php","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"class_list":["post-390","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/slowka-angielski.you2.pl\/index.php\/wp-json\/wp\/v2\/pages\/390","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/slowka-angielski.you2.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/slowka-angielski.you2.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/slowka-angielski.you2.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/slowka-angielski.you2.pl\/index.php\/wp-json\/wp\/v2\/comments?post=390"}],"version-history":[{"count":13,"href":"https:\/\/slowka-angielski.you2.pl\/index.php\/wp-json\/wp\/v2\/pages\/390\/revisions"}],"predecessor-version":[{"id":552,"href":"https:\/\/slowka-angielski.you2.pl\/index.php\/wp-json\/wp\/v2\/pages\/390\/revisions\/552"}],"wp:attachment":[{"href":"https:\/\/slowka-angielski.you2.pl\/index.php\/wp-json\/wp\/v2\/media?parent=390"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}