{"id":15057,"date":"2025-12-08T12:42:22","date_gmt":"2025-12-08T11:42:22","guid":{"rendered":"https:\/\/activities.myyaformation.com\/?post_type=dt_lessons&#038;p=15057"},"modified":"2025-12-08T12:47:41","modified_gmt":"2025-12-08T11:47:41","slug":"15057-2","status":"publish","type":"dt_lessons","link":"https:\/\/activities.myyaformation.com\/en\/lessons\/15057-2\/","title":{"rendered":"Lesson 18: Present Conditional \u2014 Regular Verbs"},"content":{"rendered":"\n<!-- LE\u00c7ON 18 : Conditionnel pr\u00e9sent \u2014 verbes r\u00e9guliers -->\n<div style=\"margin:0; padding:20px; background-color:#f0f7ff; font-family:Arial, sans-serif;\">\n    <div style=\"max-width:1000px; margin:20px auto; background-color:white; border-radius:15px; box-shadow:0 5px 15px rgba(0,0,100,0.1); padding:30px;\">\n        \n        <h1 style=\"color:#2c3e50; text-align:center; margin-top:0; padding-bottom:15px; border-bottom:2px solid #3498db; font-size:2rem;\">\n            Le\u00e7on 18 : Conditionnel pr\u00e9sent \u2014 verbes r\u00e9guliers\n        <\/h1>\n        \n        <div style=\"background-color:#e8f4f8; padding:20px; border-radius:10px; border-left:5px solid #3498db; margin:20px 0;\">\n            <h2 style=\"color:#2980b9; margin-top:0; font-size:1.4rem;\">R\u00e8gle :<\/h2>\n            <p style=\"margin:0; font-size:1.1rem;\">\n                Le conditionnel sert \u00e0 exprimer un <strong>souhait<\/strong> ou une <strong>politesse<\/strong>. Pour les verbes r\u00e9guliers : <strong>infinitif + terminaisons de l'imparfait<\/strong> (-ais, -ais, -ait, -ions, -iez, -aient).\n            <\/p>\n        <\/div>\n        \n        <h2 style=\"color:#2980b9; margin-top:25px; font-size:1.4rem;\">Exemples :<\/h2>\n        <div style=\"background-color:#f9f9f9; padding:15px; border-radius:8px; margin:15px 0;\">\n            <p style=\"margin:5px 0;\"><strong>manger<\/strong> \u2192 je manger<strong>ais<\/strong><\/p>\n            <p style=\"margin:5px 0;\"><strong>parler<\/strong> \u2192 nous parler<strong>ions<\/strong><\/p>\n            <p style=\"margin:5px 0;\"><strong>aimer<\/strong> \u2192 ils aimer<strong>aient<\/strong><\/p>\n        <\/div>\n        \n        <h2 style=\"color:#2980b9; margin-top:25px; font-size:1.4rem;\">Phrases mod\u00e8les :<\/h2>\n        <div style=\"display:flex; flex-wrap:wrap; gap:15px; margin:20px 0;\">\n            <div style=\"flex:1; min-width:250px; background-color:#e8f4f8; padding:15px; border-radius:8px; border-left:4px solid #3498db;\">\n                <p style=\"margin:0;\"><strong>Je voudrais un caf\u00e9, s'il vous pla\u00eet.<\/strong> (politesse)<\/p>\n            <\/div>\n            <div style=\"flex:1; min-width:250px; background-color:#e8f4f8; padding:15px; border-radius:8px; border-left:4px solid #3498db;\">\n                <p style=\"margin:0;\"><strong>Nous aimerions visiter la ville.<\/strong> (souhait)<\/p>\n            <\/div>\n        <\/div>\n        \n        <div style=\"background-color:#fff8e1; padding:20px; border-radius:10px; margin:20px 0; border:1px dashed #f39c12;\">\n            <h2 style=\"color:#2980b9; margin-top:0; font-size:1.4rem;\">Mise en situation :<\/h2>\n            <p style=\"margin:10px 0; font-size:1.1rem;\">\n                Au caf\u00e9, Sami dit : \u00ab Bonjour, je voudrais un pain et un caf\u00e9, s'il vous pla\u00eet. \u00bb La vendeuse sourit et lui sert la commande.\n            <\/p>\n        <\/div>\n        \n        <h2 style=\"color:#2980b9; margin-top:25px; font-size:1.4rem;\">Vocabulaire utile :<\/h2>\n        <div style=\"display:flex; flex-wrap:wrap; gap:10px; margin:15px 0;\">\n            <span style=\"background-color:#d1e8ff; padding:8px 15px; border-radius:20px; font-weight:bold; color:#2c3e50;\">vouloir<\/span>\n            <span style=\"background-color:#d1e8ff; padding:8px 15px; border-radius:20px; font-weight:bold; color:#2c3e50;\">aimer<\/span>\n            <span style=\"background-color:#d1e8ff; padding:8px 15px; border-radius:20px; font-weight:bold; color:#2c3e50;\">souhaiter<\/span>\n            <span style=\"background-color:#d1e8ff; padding:8px 15px; border-radius:20px; font-weight:bold; color:#2c3e50;\">s'il vous pla\u00eet<\/span>\n            <span style=\"background-color:#d1e8ff; padding:8px 15px; border-radius:20px; font-weight:bold; color:#2c3e50;\">caf\u00e9<\/span>\n            <span style=\"background-color:#d1e8ff; padding:8px 15px; border-radius:20px; font-weight:bold; color:#2c3e50;\">pain<\/span>\n            <span style=\"background-color:#d1e8ff; padding:8px 15px; border-radius:20px; font-weight:bold; color:#2c3e50;\">s'il te pla\u00eet<\/span>\n        <\/div>\n        \n        <div style=\"background-color:#e8f5e9; padding:25px; border-radius:10px; margin:25px 0;\">\n            <h2 style=\"color:#27ae60; margin-top:0; font-size:1.4rem;\">Exercice : Compl\u00e8te avec le conditionnel<\/h2>\n            \n            <div id=\"feedback18-1\" style=\"padding:10px; margin:10px 0; border-radius:5px; display:none;\"><\/div>\n            \n            <div style=\"margin-bottom:20px;\">\n                <p style=\"font-weight:bold; color:#27ae60; margin-bottom:15px;\">1. Je (vouloir) \u2192 Je <span id=\"reponse18-1\" style=\"color:#2c3e50; font-weight:normal;\">_____<\/span> un caf\u00e9.<\/p>\n                <div style=\"display:flex; gap:20px; flex-wrap:wrap;\" id=\"question18-1\">\n                    <div style=\"padding:10px 20px; background-color:white; border:2px solid #27ae60; border-radius:5px; cursor:pointer; margin:5px; transition:all 0.3s;\" \n                         onclick=\"checkAnswer18(this, 'voudrais', true, 1)\">\n                        voudrais\n                    <\/div>\n                    <div style=\"padding:10px 20px; background-color:white; border:2px solid #27ae60; border-radius:5px; cursor:pointer; margin:5px; transition:all 0.3s;\" \n                         onclick=\"checkAnswer18(this, 'veux', false, 1)\">\n                        veux\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div id=\"feedback18-2\" style=\"padding:10px; margin:10px 0; border-radius:5px; display:none;\"><\/div>\n            \n            <div style=\"margin-bottom:20px;\">\n                <p style=\"font-weight:bold; color:#27ae60; margin-bottom:15px;\">2. Nous (aimer) \u2192 Nous <span id=\"reponse18-2\" style=\"color:#2c3e50; font-weight:normal;\">_____<\/span> une table.<\/p>\n                <div style=\"display:flex; gap:20px; flex-wrap:wrap;\" id=\"question18-2\">\n                    <div style=\"padding:10px 20px; background-color:white; border:2px solid #27ae60; border-radius:5px; cursor:pointer; margin:5px; transition:all 0.3s;\" \n                         onclick=\"checkAnswer18(this, 'aimerions', true, 2)\">\n                        aimerions\n                    <\/div>\n                    <div style=\"padding:10px 20px; background-color:white; border:2px solid #27ae60; border-radius:5px; cursor:pointer; margin:5px; transition:all 0.3s;\" \n                         onclick=\"checkAnswer18(this, 'aimons', false, 2)\">\n                        aimons\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div style=\"font-weight:bold; color:#2c3e50; margin-top:20px;\" id=\"score18\">Score : 0\/2<\/div>\n            \n            <button style=\"padding:10px 20px; background-color:#3498db; color:white; border:none; border-radius:5px; cursor:pointer; margin-top:20px; font-weight:bold;\" \n                    onclick=\"resetExercise18()\">\n                Recommencer l'exercice\n            <\/button>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    let score18 = 0;\n    let totalQuestions18 = 2;\n    let answeredQuestions18 = new Set();\n\n    function checkAnswer18(element, answer, isCorrect, questionNum) {\n        if (answeredQuestions18.has(questionNum)) return;\n        \n        answeredQuestions18.add(questionNum);\n        \n        const options = document.querySelectorAll(`#question18-${questionNum} > div`);\n        const reponseSpan = document.getElementById(`reponse18-${questionNum}`);\n        \n        options.forEach(opt => {\n            opt.style.cursor = 'default';\n            opt.onclick = null;\n        });\n        \n        if (isCorrect) {\n            element.style.backgroundColor = '#a5d6a7';\n            element.style.color = '#1b5e20';\n            element.style.borderColor = '#1b5e20';\n            reponseSpan.innerHTML = `<strong>${answer}<\/strong>`;\n            reponseSpan.style.color = '#27ae60';\n            score18++;\n            showFeedback18(questionNum, \"\u2705 Parfait ! Le conditionnel exprime un souhait ou une politesse.\", 'success');\n        } else {\n            element.style.backgroundColor = '#ffcdd2';\n            element.style.color = '#c62828';\n            element.style.borderColor = '#c62828';\n            options.forEach(opt => {\n                if (opt.getAttribute('onclick') && opt.getAttribute('onclick').includes('true')) {\n                    opt.style.backgroundColor = '#a5d6a7';\n                    opt.style.color = '#1b5e20';\n                    opt.style.borderColor = '#1b5e20';\n                    const correctAnswer = opt.getAttribute('onclick').match(\/checkAnswer18\\(this, '([^']+)'\/)[1];\n                    reponseSpan.innerHTML = `<strong>${correctAnswer}<\/strong>`;\n                    reponseSpan.style.color = '#27ae60';\n                }\n            });\n            showFeedback18(questionNum, \"\u274c Attention ! Conditionnel = infinitif + terminaisons de l'imparfait.\", 'error');\n        }\n        \n        updateScore18();\n        checkCompletion18();\n    }\n\n    function showFeedback18(questionNum, message, type) {\n        const feedbackDiv = document.getElementById(`feedback18-${questionNum}`);\n        feedbackDiv.textContent = message;\n        feedbackDiv.style.display = 'block';\n        feedbackDiv.style.backgroundColor = type === 'success' ? '#d4edda' : '#f8d7da';\n        feedbackDiv.style.color = type === 'success' ? '#155724' : '#721c24';\n        feedbackDiv.style.border = `1px solid ${type === 'success' ? '#c3e6cb' : '#f5c6cb'}`;\n    }\n\n    function updateScore18() {\n        document.getElementById('score18').textContent = `Score : ${score18}\/${totalQuestions18}`;\n    }\n\n    function checkCompletion18() {\n        if (answeredQuestions18.size === totalQuestions18) {\n            let message = '';\n            if (score18 === totalQuestions18) {\n                message = \"\ud83c\udf89 Excellent ! Tu sais utiliser le conditionnel pour \u00eatre poli !\";\n            } else if (score18 >= totalQuestions18\/2) {\n                message = \"\ud83d\udc4d Bon travail ! Le conditionnel est tr\u00e8s utile pour les souhaits.\";\n            } else {\n                message = \"\ud83d\udcaa R\u00e9essaie ! Souviens-toi : infinitif + terminaisons de l'imparfait.\";\n            }\n            \n            const finalMessage = document.createElement('div');\n            finalMessage.style.padding = '10px';\n            finalMessage.style.margin = '10px 0';\n            finalMessage.style.borderRadius = '5px';\n            finalMessage.style.backgroundColor = '#d1ecf1';\n            finalMessage.style.color = '#0c5460';\n            finalMessage.style.border = '1px solid #bee5eb';\n            finalMessage.textContent = message;\n            finalMessage.style.display = 'block';\n            \n            const exerciseDiv = document.querySelector('button[onclick=\"resetExercise18()\"]').parentNode;\n            exerciseDiv.insertBefore(finalMessage, document.querySelector('button[onclick=\"resetExercise18()\"]'));\n        }\n    }\n\n    function resetExercise18() {\n        score18 = 0;\n        answeredQuestions18.clear();\n        \n        const allOptions = document.querySelectorAll('#question18-1 > div, #question18-2 > div');\n        allOptions.forEach(option => {\n            option.style.backgroundColor = 'white';\n            option.style.color = '#27ae60';\n            option.style.borderColor = '#27ae60';\n            option.style.cursor = 'pointer';\n            \n            const onclickAttr = option.getAttribute('onclick');\n            if (onclickAttr) {\n                const isCorrect = onclickAttr.includes('true');\n                const questionNum = onclickAttr.includes('checkAnswer18(this') ? \n                    onclickAttr.match(\/checkAnswer18\\(this, '[^']+', (true|false), (\\d)\/)[2] : 1;\n                const answerMatch = onclickAttr.match(\/checkAnswer18\\(this, '([^']+)'\/);\n                const answerText = answerMatch ? answerMatch[1] : '';\n                \n                option.onclick = function() {\n                    checkAnswer18(this, answerText, isCorrect, questionNum);\n                };\n            }\n        });\n        \n        \/\/ R\u00e9initialiser les r\u00e9ponses affich\u00e9es\n        document.getElementById('reponse18-1').innerHTML = '_____';\n        document.getElementById('reponse18-1').style.color = '#2c3e50';\n        document.getElementById('reponse18-2').innerHTML = '_____';\n        document.getElementById('reponse18-2').style.color = '#2c3e50';\n        \n        const feedbacks = document.querySelectorAll('[id^=\"feedback18-\"]');\n        feedbacks.forEach(feedback => {\n            feedback.style.display = 'none';\n            feedback.textContent = '';\n        });\n        \n        const finalMsg = document.querySelector('button[onclick=\"resetExercise18()\"]').previousElementSibling;\n        if (finalMsg && finalMsg.style) {\n            finalMsg.remove();\n        }\n        \n        updateScore18();\n    }\n\n    updateScore18();\n<\/script>\n<div class=\"gsp_post_data\" \r\n\t            data-post_type=\"dt_lessons\" \r\n\t            data-cat=\"\" \r\n\t            data-modified=\"120\"\r\n\t            data-created=\"1765197742\"\r\n\t            data-title=\"Le\u00e7on 18 : Conditionnel pr\u00e9sent \u2014 verbes r\u00e9guliers\" \r\n\t            data-home=\"https:\/\/activities.myyaformation.com\/en\"><\/div>","protected":false},"excerpt":{"rendered":"<p>Le\u00e7on 18 : Conditionnel pr\u00e9sent \u2014 verbes r\u00e9guliers R\u00e8gle : Le conditionnel sert \u00e0 exprimer un souhait ou une politesse. Pour les verbes r\u00e9guliers : infinitif + terminaisons de l&rsquo;imparfait [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","class_list":["post-15057","dt_lessons","type-dt_lessons","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/15057","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons"}],"about":[{"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/types\/dt_lessons"}],"author":[{"embeddable":true,"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/comments?post=15057"}],"version-history":[{"count":2,"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/15057\/revisions"}],"predecessor-version":[{"id":15069,"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/15057\/revisions\/15069"}],"wp:attachment":[{"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/media?parent=15057"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}