Arabisch Lesen Lernen \u2013 mit Audio<\/title>\n <style>\n body {\n font-family: 'Arial', sans-serif;\n background-color: #f0f9ff;\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 30px;\n }\n .card {\n background-color: white;\n border-radius: 20px;\n box-shadow: 0 0 20px rgba(0,0,0,0.1);\n padding: 30px;\n max-width: 500px;\n text-align: center;\n }\n .arabic-letter {\n font-size: 80px;\n margin-bottom: 20px;\n color: #2a9d8f;\n }\n .options button {\n display: block;\n margin: 10px auto;\n padding: 10px 20px;\n font-size: 18px;\n border: none;\n border-radius: 10px;\n background-color: #e0f7fa;\n cursor: pointer;\n }\n .options button:hover {\n background-color: #b2ebf2;\n }\n .result {\n font-size: 20px;\n margin-top: 20px;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"card\">\n <div class=\"arabic-letter\" id=\"letter\">\u0644<\/div>\n <audio id=\"audio\" autoplay><\/audio>\n <div class=\"options\" id=\"options\"><\/div>\n <div class=\"result\" id=\"result\"><\/div>\n <button onclick=\"nextLetter()\">N\u00e4chster Buchstabe<\/button>\n <\/div>\n\n <script>\n const letters = [\n {\n letter: \"\u0627\",\n correct: \"A\",\n options: [\"B\", \"A\", \"K\", \"S\"],\n audio: \"audio\/alif.mp3\"\n },\n {\n letter: \"\u0628\",\n correct: \"B\",\n options: [\"D\", \"B\", \"R\", \"L\"],\n audio: \"audio\/ba.mp3\"\n },\n {\n letter: \"\u062a\",\n correct: \"T\",\n options: [\"T\", \"Z\", \"J\", \"N\"],\n audio: \"audio\/ta.mp3\"\n },\n {\n letter: \"\u062b\",\n correct: \"S (wie 'th' in 'Thank')\",\n options: [\"K\", \"S (wie 'th' in 'Thank')\", \"A\", \"M\"],\n audio: \"audio\/tha.mp3\"\n },\n {\n letter: \"\u062c\",\n correct: \"Dsch\",\n options: [\"Dsch\", \"H\", \"S\", \"B\"],\n audio: \"audio\/dschim.mp3\"\n }\n ];\n\n let current = 0;\n\n function showLetter() {\n const l = letters[current];\n document.getElementById(\"letter\").textContent = l.letter;\n const optionsDiv = document.getElementById(\"options\");\n const resultDiv = document.getElementById(\"result\");\n resultDiv.textContent = \"\";\n optionsDiv.innerHTML = \"\";\n\n \/\/ Audio abspielen\n const audioEl = document.getElementById(\"audio\");\n audioEl.src = l.audio;\n audioEl.play();\n\n l.options.forEach(opt => {\n const btn = document.createElement(\"button\");\n btn.textContent = opt;\n btn.onclick = () => {\n if (opt === l.correct) {\n resultDiv.textContent = \"\u2705 Richtig!\";\n } else {\n resultDiv.textContent = `\u274c Falsch! Richtig: ${l.correct}`;\n }\n };\n optionsDiv.appendChild(btn);\n });\n }\n\n function nextLetter() {\n current = (current + 1) % letters.length;\n showLetter();\n }\n\n showLetter();\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Arabisch Lesen Lernen \u2013 mit Audio \u0644 N\u00e4chster Buchstabe<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-200","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/almohajerin.at\/fa\/wp-json\/wp\/v2\/pages\/200","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/almohajerin.at\/fa\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/almohajerin.at\/fa\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/almohajerin.at\/fa\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/almohajerin.at\/fa\/wp-json\/wp\/v2\/comments?post=200"}],"version-history":[{"count":3,"href":"https:\/\/almohajerin.at\/fa\/wp-json\/wp\/v2\/pages\/200\/revisions"}],"predecessor-version":[{"id":204,"href":"https:\/\/almohajerin.at\/fa\/wp-json\/wp\/v2\/pages\/200\/revisions\/204"}],"wp:attachment":[{"href":"https:\/\/almohajerin.at\/fa\/wp-json\/wp\/v2\/media?parent=200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":200,"date":"2025-04-16T14:33:19","date_gmt":"2025-04-16T12:33:19","guid":{"rendered":"https:\/\/almohajerin.at\/?page_id=200"},"modified":"2025-04-16T14:46:38","modified_gmt":"2025-04-16T12:46:38","slug":"arabisch-lesen","status":"publish","type":"page","link":"https:\/\/almohajerin.at\/fa\/arabisch-lesen\/","title":{"rendered":"\u062e\u0648\u0627\u0646\u062f\u0646 \u0632\u0628\u0627\u0646 \u0639\u0631\u0628\u06cc"},"content":{"rendered":"\n\n\n\n \n Arabisch Lesen Lernen \u2013 mit Audio<\/title>\n <style>\n body {\n font-family: 'Arial', sans-serif;\n background-color: #f0f9ff;\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 30px;\n }\n .card {\n background-color: white;\n border-radius: 20px;\n box-shadow: 0 0 20px rgba(0,0,0,0.1);\n padding: 30px;\n max-width: 500px;\n text-align: center;\n }\n .arabic-letter {\n font-size: 80px;\n margin-bottom: 20px;\n color: #2a9d8f;\n }\n .options button {\n display: block;\n margin: 10px auto;\n padding: 10px 20px;\n font-size: 18px;\n border: none;\n border-radius: 10px;\n background-color: #e0f7fa;\n cursor: pointer;\n }\n .options button:hover {\n background-color: #b2ebf2;\n }\n .result {\n font-size: 20px;\n margin-top: 20px;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"card\">\n <div class=\"arabic-letter\" id=\"letter\">\u0644<\/div>\n <audio id=\"audio\" autoplay><\/audio>\n <div class=\"options\" id=\"options\"><\/div>\n <div class=\"result\" id=\"result\"><\/div>\n <button onclick=\"nextLetter()\">N\u00e4chster Buchstabe<\/button>\n <\/div>\n\n <script>\n const letters = [\n {\n letter: \"\u0627\",\n correct: \"A\",\n options: [\"B\", \"A\", \"K\", \"S\"],\n audio: \"audio\/alif.mp3\"\n },\n {\n letter: \"\u0628\",\n correct: \"B\",\n options: [\"D\", \"B\", \"R\", \"L\"],\n audio: \"audio\/ba.mp3\"\n },\n {\n letter: \"\u062a\",\n correct: \"T\",\n options: [\"T\", \"Z\", \"J\", \"N\"],\n audio: \"audio\/ta.mp3\"\n },\n {\n letter: \"\u062b\",\n correct: \"S (wie 'th' in 'Thank')\",\n options: [\"K\", \"S (wie 'th' in 'Thank')\", \"A\", \"M\"],\n audio: \"audio\/tha.mp3\"\n },\n {\n letter: \"\u062c\",\n correct: \"Dsch\",\n options: [\"Dsch\", \"H\", \"S\", \"B\"],\n audio: \"audio\/dschim.mp3\"\n }\n ];\n\n let current = 0;\n\n function showLetter() {\n const l = letters[current];\n document.getElementById(\"letter\").textContent = l.letter;\n const optionsDiv = document.getElementById(\"options\");\n const resultDiv = document.getElementById(\"result\");\n resultDiv.textContent = \"\";\n optionsDiv.innerHTML = \"\";\n\n \/\/ Audio abspielen\n const audioEl = document.getElementById(\"audio\");\n audioEl.src = l.audio;\n audioEl.play();\n\n l.options.forEach(opt => {\n const btn = document.createElement(\"button\");\n btn.textContent = opt;\n btn.onclick = () => {\n if (opt === l.correct) {\n resultDiv.textContent = \"\u2705 Richtig!\";\n } else {\n resultDiv.textContent = `\u274c Falsch! Richtig: ${l.correct}`;\n }\n };\n optionsDiv.appendChild(btn);\n });\n }\n\n function nextLetter() {\n current = (current + 1) % letters.length;\n showLetter();\n }\n\n showLetter();\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Arabisch Lesen Lernen \u2013 mit Audio \u0644 N\u00e4chster Buchstabe<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-200","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/almohajerin.at\/fa\/wp-json\/wp\/v2\/pages\/200","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/almohajerin.at\/fa\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/almohajerin.at\/fa\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/almohajerin.at\/fa\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/almohajerin.at\/fa\/wp-json\/wp\/v2\/comments?post=200"}],"version-history":[{"count":3,"href":"https:\/\/almohajerin.at\/fa\/wp-json\/wp\/v2\/pages\/200\/revisions"}],"predecessor-version":[{"id":204,"href":"https:\/\/almohajerin.at\/fa\/wp-json\/wp\/v2\/pages\/200\/revisions\/204"}],"wp:attachment":[{"href":"https:\/\/almohajerin.at\/fa\/wp-json\/wp\/v2\/media?parent=200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}