{"id":943,"date":"2024-10-24T14:45:45","date_gmt":"2024-10-24T14:45:45","guid":{"rendered":"https:\/\/ms-eberschwang.at\/schule\/?page_id=943"},"modified":"2024-10-24T15:06:37","modified_gmt":"2024-10-24T15:06:37","slug":"online-uebungen","status":"publish","type":"page","link":"https:\/\/ms-eberschwang.at\/schule\/index.php\/e-learning\/online-uebungen\/","title":{"rendered":"Online \u00dcbungen"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Indirekte Rede \u00dcbersetzung<\/title>\n    <style>\n        body {\n            font-family: 'Arial', sans-serif;\n            background-color: #e9ecef;\n            margin: 0;\n            padding: 20px;\n        }\n        h1 {\n            text-align: center;\n            color: #343a40;\n            margin-bottom: 20px;\n        }\n        .container {\n            max-width: 800px;\n            margin: auto;\n            background: #ffffff;\n            border-radius: 10px;\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n            padding: 20px;\n        }\n        .sentence {\n            background: #f8f9fa;\n            border: 1px solid #ced4da;\n            border-radius: 5px;\n            margin: 10px 0;\n            padding: 15px;\n            transition: background-color 0.3s;\n        }\n        textarea {\n            width: 100%;\n            height: 60px;\n            margin-top: 10px;\n            border: 1px solid #ced4da;\n            border-radius: 5px;\n            padding: 10px;\n            font-size: 16px;\n            transition: border-color 0.3s, background-color 0.3s;\n        }\n        textarea:focus {\n            border-color: #007bff;\n            outline: none;\n        }\n        button {\n            background-color: #007bff;\n            color: white;\n            border: none;\n            border-radius: 5px;\n            padding: 10px 15px;\n            font-size: 16px;\n            cursor: pointer;\n            margin-top: 20px;\n            transition: background-color 0.3s;\n            width: 100%;\n        }\n        button:hover {\n            background-color: #0056b3;\n        }\n        .result {\n            margin-top: 20px;\n            font-weight: bold;\n            text-align: center;\n            font-size: 18px;\n        }\n        .correct {\n            background-color: #d4edda; \/* Gr\u00fcn *\/\n            border-color: #c3e6cb;\n        }\n        .incorrect {\n            background-color: #f8d7da; \/* Rot *\/\n            border-color: #f5c6cb;\n        }\n    <\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n    <h1>\u00dcbertrage die S\u00e4tze in die indirekte Rede ohne &#8222;dass&#8220; zu verwenden<\/h1>\n\n    <div id=\"sentences\">\n        <div class=\"sentence\">\n            <p>1. Er sagt: &#8222;Ich gehe nach Hause.&#8220;<\/p>\n            <textarea placeholder=\"Deine Antwort\" data-answers='[\"Er sagt, er gehe nach Hause.\"]'><\/textarea>\n        <\/div>\n\n        <div class=\"sentence\">\n            <p>2. Sie fragt: &#8222;Wann kommst du (sie) zur\u00fcck?&#8220;<\/p>\n            <textarea placeholder=\"Deine Antwort\" data-answers='[\"Sie fragt, wann sie zur\u00fcckkomme.\"]'><\/textarea>\n        <\/div>\n\n        <div class=\"sentence\">\n            <p>3. Er denkt: &#8222;Das ist eine gute Idee.&#8220;<\/p>\n            <textarea placeholder=\"Deine Antwort\" data-answers='[\"Er denkt, das sei eine gute Idee.\"]'><\/textarea>\n        <\/div>\n\n        <div class=\"sentence\">\n            <p>4. Er meint: &#8222;Ich habe Hunger.&#8220;<\/p>\n            <textarea placeholder=\"Deine Antwort\" data-answers='[\"Er meint, er habe Hunger.\"]'><\/textarea>\n        <\/div>\n\n        <div class=\"sentence\">\n            <p>5. Sie sagt: &#8222;Ich liebe dieses Buch.&#8220;<\/p>\n            <textarea placeholder=\"Deine Antwort\" data-answers='[\"Sie sagt, sie liebe dieses Buch.\"]'><\/textarea>\n        <\/div>\n\n        <div class=\"sentence\">\n            <p>6. Er fragt: &#8222;Hast du meine Nachricht bekommen?&#8220;<\/p>\n            <textarea placeholder=\"Deine Antwort\" data-answers='[\"Er fragt, ob seine Nachricht angekommen sei.\"]'><\/textarea>\n        <\/div>\n\n        <div class=\"sentence\">\n            <p>7. Sie erkl\u00e4rt: &#8222;Ich kann nicht kommen.&#8220;<\/p>\n            <textarea placeholder=\"Deine Antwort\" data-answers='[\"Sie erkl\u00e4rt, sie k\u00f6nne nicht kommen.\"]'><\/textarea>\n        <\/div>\n\n        <div class=\"sentence\">\n            <p>8. Er ruft: &#8222;Hilft mir jemand bitte?&#8220;<\/p>\n            <textarea placeholder=\"Deine Antwort\" data-answers='[\"Er ruft, jemand solle ihm bitte helfen.\"]'><\/textarea>\n        <\/div>\n\n        <div class=\"sentence\">\n            <p>9. Sie sagt: &#8222;Es regnet drau\u00dfen.&#8220;<\/p>\n            <textarea placeholder=\"Deine Antwort\" data-answers='[\"Sie sagt, es regne drau\u00dfen.\"]'><\/textarea>\n        <\/div>\n\n        <div class=\"sentence\">\n            <p>10. Er sagt: &#8222;Ich habe das Spiel gewonnen.&#8220;<\/p>\n            <textarea placeholder=\"Deine Antwort\" data-answers='[\"Er sagt, er habe das Spiel gewonnen.\"]'><\/textarea>\n        <\/div>\n\n        <div class=\"sentence\">\n            <p>11. Sie fragt: &#8222;Kann er mir helfen?&#8220;<\/p>\n            <textarea placeholder=\"Deine Antwort\" data-answers='[\"Sie fragt, ob er ihr helfen k\u00f6nne.\"]'><\/textarea>\n        <\/div>\n\n        <div class=\"sentence\">\n            <p>12. Er sagt: &#8222;Ich m\u00f6chte ein Eis.&#8220;<\/p>\n            <textarea placeholder=\"Deine Antwort\" data-answers='[\"Er sagt, er m\u00f6chte ein Eis.\"]'><\/textarea>\n        <\/div>\n\n        <div class=\"sentence\">\n            <p>13. Sie sagt: &#8222;Wir gehen ins Kino.&#8220;<\/p>\n            <textarea placeholder=\"Deine Antwort\" data-answers='[\"Sie sagt, sie gingen ins Kino.\"]'><\/textarea>\n        <\/div>\n\n        <div class=\"sentence\">\n            <p>14. Er fragt: &#8222;Wo ist der Bahnhof?&#8220;<\/p>\n            <textarea placeholder=\"Deine Antwort\" data-answers='[\"Er fragt, wo der Bahnhof sei.\"]'><\/textarea>\n        <\/div>\n\n        <div class=\"sentence\">\n            <p>15. Sie sagt: &#8222;Ich habe die Hausaufgaben gemacht.&#8220;<\/p>\n            <textarea placeholder=\"Deine Antwort\" data-answers='[\"Sie sagt, sie habe die Hausaufgaben gemacht.\"]'><\/textarea>\n        <\/div>\n\n        <div class=\"sentence\">\n            <p>16. Er sagt: &#8222;Das Wetter ist sch\u00f6n.&#8220;<\/p>\n            <textarea placeholder=\"Deine Antwort\" data-answers='[\"Er sagt, das Wetter sei sch\u00f6n.\"]'><\/textarea>\n        <\/div>\n\n        <div class=\"sentence\">\n            <p>17. Sie fragt: &#8222;Wann f\u00e4ngt der Unterricht an?&#8220;<\/p>\n            <textarea placeholder=\"Deine Antwort\" data-answers='[\"Sie fragt, wann der Unterricht beginne.\"]'><\/textarea>\n        <\/div>\n\n        <div class=\"sentence\">\n            <p>18. Er sagt: &#8222;Ich bin m\u00fcde.&#8220;<\/p>\n            <textarea placeholder=\"Deine Antwort\" data-answers='[\"Er sagt, er sei m\u00fcde.\"]'><\/textarea>\n        <\/div>\n\n        <div class=\"sentence\">\n            <p>19. Sie sagt: &#8222;Wir haben viel Spa\u00df.&#8220;<\/p>\n            <textarea placeholder=\"Deine Antwort\" data-answers='[\"Sie sagt, sie h\u00e4tten viel Spa\u00df.\"]'><\/textarea>\n        <\/div>\n\n        <div class=\"sentence\">\n            <p>20. Er fragt: &#8222;Was machst du heute?&#8220;<\/p>\n            <textarea placeholder=\"Deine Antwort\" data-answers='[\"Er fragt, was heute gemacht werde.\"]'><\/textarea>\n        <\/div>\n    <\/div>\n\n    <button onclick=\"checkAnswers()\">Antworten \u00fcberpr\u00fcfen<\/button>\n\n    <div class=\"result\" id=\"result\"><\/div>\n<\/div>\n\n<script>\n    function checkAnswers() {\n        const sentences = document.querySelectorAll('.sentence textarea');\n        let correctCount = 0;\n        let totalCount = sentences.length;\n\n        sentences.forEach(textarea => {\n            const userAnswer = textarea.value.trim();\n            const correctAnswers = JSON.parse(textarea.getAttribute('data-answers'));\n\n            if (correctAnswers.some(answer => answer.trim() === userAnswer)) {\n                textarea.classList.add('correct');\n                correctCount++;\n            } else {\n                textarea.classList.add('incorrect');\n            }\n        });\n\n        const resultDiv = document.getElementById('result');\n        resultDiv.textContent = `Du hast ${correctCount} von ${totalCount} richtig.`;\n    }\n\n    \/\/ Real-time feedback\n    document.querySelectorAll('.sentence textarea').forEach(textarea => {\n        textarea.addEventListener('input', function() {\n            const userAnswer = this.value.trim();\n            const correctAnswers = JSON.parse(this.getAttribute('data-answers'));\n            \n            \/\/ Set background color based on correctness during input\n            if (userAnswer === \"\") {\n                this.classList.remove('correct', 'incorrect');\n            } else if (correctAnswers.some(answer => answer.trim() === userAnswer)) {\n                this.classList.add('correct');\n                this.classList.remove('incorrect');\n            } else {\n                this.classList.remove('correct');\n                this.classList.add('incorrect');\n            }\n        });\n    });\n<\/script>\n\n<\/body>\n<footer style=\"text-align: center; margin-top: 20px; font-size: 14px; color: #6c757d;\">\n    &copy; 2024 Nikola Lammer. Alle Rechte vorbehalten.\n<\/footer>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Indirekte Rede \u00dcbersetzung \u00dcbertrage die S\u00e4tze in die indirekte Rede ohne &#8222;dass&#8220; zu verwenden 1. Er sagt: &#8222;Ich gehe nach Hause.&#8220; 2. Sie fragt: &#8222;Wann kommst du (sie) zur\u00fcck?&#8220; 3. Er denkt: &#8222;Das ist eine gute Idee.&#8220; 4. Er meint: &#8222;Ich habe Hunger.&#8220; 5. Sie sagt: &#8222;Ich liebe dieses Buch.&#8220; 6. Er fragt: &#8222;Hast du [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":18,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-943","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ms-eberschwang.at\/schule\/index.php\/wp-json\/wp\/v2\/pages\/943","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ms-eberschwang.at\/schule\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ms-eberschwang.at\/schule\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ms-eberschwang.at\/schule\/index.php\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/ms-eberschwang.at\/schule\/index.php\/wp-json\/wp\/v2\/comments?post=943"}],"version-history":[{"count":7,"href":"https:\/\/ms-eberschwang.at\/schule\/index.php\/wp-json\/wp\/v2\/pages\/943\/revisions"}],"predecessor-version":[{"id":951,"href":"https:\/\/ms-eberschwang.at\/schule\/index.php\/wp-json\/wp\/v2\/pages\/943\/revisions\/951"}],"up":[{"embeddable":true,"href":"https:\/\/ms-eberschwang.at\/schule\/index.php\/wp-json\/wp\/v2\/pages\/18"}],"wp:attachment":[{"href":"https:\/\/ms-eberschwang.at\/schule\/index.php\/wp-json\/wp\/v2\/media?parent=943"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}