{"id":3067,"date":"2024-06-26T15:19:13","date_gmt":"2024-06-26T13:19:13","guid":{"rendered":"https:\/\/www.gastonternes.eu\/?page_id=3067"},"modified":"2025-07-16T11:50:15","modified_gmt":"2025-07-16T09:50:15","slug":"mpr-deux-exercices-en-ligne-ch-2","status":"publish","type":"page","link":"https:\/\/www.gastonternes.eu\/de\/mpr-deux-exercices-en-ligne-ch-2\/","title":{"rendered":"Maths: Plaisir &#038; R\u00e9ussite &#8211; Chapitre 2 &#8211; Deux exercices en ligne"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3067\" class=\"elementor elementor-3067\" data-elementor-settings=\"[]\">\n\t\t\t\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-35a5b1d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"35a5b1d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-beedb59\" data-id=\"beedb59\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-670187e elementor-widget elementor-widget-heading\" data-id=\"670187e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.5.4 - 23-01-2022 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h1 class=\"elementor-heading-title elementor-size-xxl\">Chapitre 2 - Deux exercices en ligne<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-be3b87e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"be3b87e\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-81f7a3a\" data-id=\"81f7a3a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c97493c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c97493c\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f38fb6d\" data-id=\"f38fb6d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e066196 elementor-widget elementor-widget-heading\" data-id=\"e066196\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Ajoutez votre titre ici<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f59444f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f59444f\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1918c88\" data-id=\"1918c88\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-389864d elementor-widget elementor-widget-spacer\" data-id=\"389864d\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-78455d3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"78455d3\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-af074ca\" data-id=\"af074ca\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9d9cecf elementor-widget elementor-widget-spacer\" data-id=\"9d9cecf\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5b91fb1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5b91fb1\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-23c9478\" data-id=\"23c9478\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6ec5aa2 elementor-widget elementor-widget-html\" data-id=\"6ec5aa2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t   <!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <style>\n   .header {\n    display: flex;\n            justify-content: center;\n            align-items: center;\n            padding: 5px 20px;\n            background-color: #22223b;\n            color: white;\n}\n\n .nav-links {\n            list-style: none;\n            display: flex;\n        }\n\n        .nav-links li {\n            margin: 0 15px;\n        }\n\n        .nav-links a {\n            text-decoration: none;\n            color: white;\n            font-size: 18px;\n        }\n\n       \n\n        \/* Anpassung f\u00fcr kleinere Bildschirme *\/\n        @media screen and (max-width: 768px) {\n            .nav-links {\n                display: none;\n                flex-direction: column;\n                width: 100%;\n                position: absolute;\n                top: 60px;\n                left: 0;\n                background-color: #333;\n                text-align: center;\n            }\n\n            .nav-links.active {\n                display: flex;\n            }\n\n            .nav-links li {\n                margin: 10px 0;\n            }\n\n            \n        }\n\n.header nav ul {\n    list-style-type: none;\n    padding: 0;\n    margin: 0;\n    display: flex;\n    justify-content: center;\n}\n\n.header nav ul li {\n    margin: 0 20px;\n}\n\n.header nav ul li a {\n    color: #fff;\n    text-decoration: none;\n    font-size: 18px;\n    padding: 15px 20px;\n    display: block;\n    transition: background-color 0.3s ease;\n}\n\n.header nav ul li a:hover {\n    background-color: #003366;\n    border-radius: 5px;\n}\n\n@media (max-width: 768px) {\n    .header nav ul {\n        flex-direction: column;\n        align-items: center;\n    }\n\n    .header nav ul li {\n        margin: 10px 0;\n    }\n}\n\n@media (max-width: 480px) {\n    .header nav ul li a {\n        font-size: 16px;\n        padding: 10px 15px;\n    }\n}\n\n  <\/style>\n<\/head>\n\n<body>\n   \n   <div class=\"header\">\n      \n        <nav>\n            <ul>\n               <li><a href=\"https:\/\/www.gastonternes.eu\/de\/mpr-accueil\/\" target=\"_blank\">Accueil<\/a><\/li>\n                \n                  <li><a href=\"https:\/\/www.gastonternes.eu\/de\/mpr-auteurs\/\" target=\"_blank\">Auteurs<\/a><\/li>\n                \n                <li><a href=\"mailto:maths.plaisir.reussite@gmail.com\">Kontakt<\/a><\/li>\n            <\/ul>\n        <\/nav>\n    <\/div>\n    \n    \n    <\/body>\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d521df4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d521df4\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1199e34\" data-id=\"1199e34\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c9e8414 elementor-widget elementor-widget-html\" data-id=\"c9e8414\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\n\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Exercices<\/title>\n   \n    <style>\n \n    \n        body {\n            font-family: Arial, sans-serif;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            height:\n            background-color: #f0f0f0;\n            margin: 20px;\n        }\n        .quiz-container {\n            background-color: white;\n            padding: 20px;\n            border-radius: 8px;\n            box-shadow: 0 0 10px rgba(0,0,0,0.1);\n            text-align: center;\n        }\n        .quiz-container1 {\n            background-color: white;\n            padding: 20px;\n            border-radius: 8px;\n            box-shadow: 0 0 10px rgba(0,0,0,0.1);\n            text-align: center;\n        }\n        .result {\n            margin-top: 20px;\n            font-weight: bold;\n        }\n        .correct {\n            color: green;\n        }\n        .incorrect {\n            color: red;\n        }\n         .result1 {\n            margin-top: 20px;\n            font-weight: bold;\n        }\n        .correct1 {\n            color: green;\n        }\n        .incorrect1 {\n            color: red;\n        }\n        .button {\n            background-color: purple;\n            color: white;\n            border: none;\n            padding: 15px 32px;\n            text-align: center;\n            text-decoration: none;\n            display: inline-block;\n            font-size: 16px;\n            font-family: 'Arial';\n            margin: 4px 2px;\n            cursor: pointer;\n            border-radius: 8px;\n            transition: background-color 0.3s ease;\n        }\n        .button:hover {\n            background-color: #45a049;\n        }\n        .button1 {\n            background-color: red;\n            color: white;\n            border: none;\n            padding: 15px 32px;\n            text-align: center;\n            text-decoration: none;\n            display: inline-block;\n            font-size: 16px;\n            font-family: 'Arial';\n            margin: 4px 2px;\n            cursor: pointer;\n            border-radius: 8px;\n            transition: background-color 0.3s ease;\n        }\n        .button1:hover {\n            background-color: #45a049;\n        }\n        \n       \n    <\/style>\n<\/head>\n<body>\n  <h1>Chapitre 2<\/h1>\n  <h1>Deux exercices en ligne<\/h1>\n    <div class=\"quiz-container\">\n        <h1>Exercice 1 a)<\/h1>\n        <p>Mon compte bancaire affiche 185 \u20ac. Je d\u00e9sire acqu\u00e9rir une bicyclette \u00e9lectrique co\u00fbtant 2 100 \u20ac. Pour ceci j\u2019effectue des travaux d\u2019utilit\u00e9 publique aupr\u00e8s de la commune qui me verse tous les quinze jours 160 \u20ac , somme qui est directement ajout\u00e9e \u00e0 mon compte bancaire.\nS'il n'y a pas de retrait ni de taxe, quel est le solde de mon compte bancaire apr\u00e8s 24 semaines ? Puis-je acheter la bicyclette avec l\u2019argent de mon compte bancaire ?\n<\/p>\n        <input type=\"text\" id=\"answer\" placeholder=\"Entrer la r\u00e9ponse ici (uniquement des nombres sans espaces)\">\n        <br><br>\n        <button class=\"button\" type=\"button\" onclick=\"checkAnswer()\">CONTR\u00d4LER<\/button>\n        <button class=\"button1\" type=\"button\"  onclick=\"resetAnswer()\">Remettre \u00e0 z\u00e9ro<\/button>\n        <div id=\"result\" class=\"result\"><\/div>\n    <\/div>\n\n    <script>\n        function checkAnswer() {\n            const correctAnswer = '2105';\n            const userAnswer = document.getElementById('answer').value.trim();\n            const resultDiv = document.getElementById('result');\n\n            if (userAnswer.toLowerCase() === correctAnswer.toLowerCase()) {\n                resultDiv.textContent = 'Correct ! Bon travail !';\n                resultDiv.className = 'result correct';\n            } else {\n                resultDiv.textContent = 'Faux. Recalculer encore une fois !';\n                resultDiv.className = 'result incorrect';\n            }\n        }\n\n        function resetAnswer() {\n            document.getElementById('answer').value = '';\n            document.getElementById('result').textContent = '';\n        }\n    <\/script>\n    \n    \n<\/body>\n<\/html>\n\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f24d012 elementor-widget elementor-widget-html\" data-id=\"f24d012\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Quiz Table<\/title>\n    <style>\n        body {\n            font-family: Arial, sans-serif;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            height: 100vh;\n            background-color: white;\n            margin: 0;\n            text-align: center\n        }\n        table {\n            width: 100%;\n            border-collapse: collapse;\n        }\n        table, th, td {\n            border: 1px solid black;\n        }\n        th, td {\n            padding: 10px;\n            text-align: center;\n        }\n        th {\n            background-color: #f2f2f2;\n        }\n        input[type=\"text\"] {\n            width: 100%;\n            box-sizing: border-box;\n        }\n        .correct {\n            background-color: #c8e6c9;\n        }\n        .incorrect {\n            background-color: #ffcdd2;\n        }\n        .button {\n            background-color: purple;\n            color: white;\n            border: none;\n            padding: 15px 32px;\n            text-align: center;\n            text-decoration: none;\n            display: inline-block;\n            font-size: 16px;\n            font-family: 'Arial';\n            margin: 4px 2px;\n            cursor: pointer;\n            border-radius: 8px;\n            transition: background-color 0.3s ease;\n        }\n        .button:hover {\n            background-color: #45a049;\n        }\n    <\/style>\n<\/head>\n<body>\n    <h1>Exercice 1 b)<\/h1>\n    <h3>Calculer, en utilisant une calculatrice, le p.g.c.d. et le p.p.c.m. des paires de nombres entiers naturels suivants, puis compl\u00e9ter le tableau : <\/h3>\n    <form id=\"quizForm\">\n        <table>\n            <tr>\n                <th>a<\/th>\n                <th>b<\/th>\n                <th>a \u00b7 b<\/th>\n                <th>p.g.c.d.(a; b)<\/th>\n                <th>p.p.c.m.(a; b)<\/th>\n                <th>p.g.c.d.(a; b) \u00b7 p.p.c.m.(a; b)<\/th>\n            <\/tr>\n            <tr>\n                <td>24<\/td>\n                <td>36<\/td>\n                <td><input type=\"text\" name=\"answer1-3\"><\/td>\n                <td><input type=\"text\" name=\"answer1-4\"><\/td>\n                <td><input type=\"text\" name=\"answer1-5\"><\/td>\n                <td><input type=\"text\" name=\"answer1-6\"><\/td>\n            <\/tr>\n            <tr>\n                <td>35<\/td>\n                <td>27<\/td>\n                <td><input type=\"text\" name=\"answer2-3\"><\/td>\n                <td><input type=\"text\" name=\"answer2-4\"><\/td>\n                <td><input type=\"text\" name=\"answer2-5\"><\/td>\n                <td><input type=\"text\" name=\"answer2-6\"><\/td>\n            <\/tr>\n            <tr>\n                <td>48<\/td>\n                <td>54<\/td>\n                <td><input type=\"text\" name=\"answer3-3\"><\/td>\n                <td><input type=\"text\" name=\"answer3-4\"><\/td>\n                <td><input type=\"text\" name=\"answer3-5\"><\/td>\n                <td><input type=\"text\" name=\"answer3-6\"><\/td>\n            <\/tr>\n            <tr>\n                <td>864<\/td>\n                <td>432<\/td>\n                <td><input type=\"text\" name=\"answer4-3\"><\/td>\n                <td><input type=\"text\" name=\"answer4-4\"><\/td>\n                <td><input type=\"text\" name=\"answer4-5\"><\/td>\n                <td><input type=\"text\" name=\"answer4-6\"><\/td>\n            <\/tr>\n            \n        <\/table>\n        <br>\n        <button class=\"button\" type=\"button\" onclick=\"checkAnswers()\">CONTR\u00d4LER LES R\u00c9PONSES<\/button>\n    <input type=\"hidden\" name=\"trp-form-language\" value=\"de\"\/><\/form>\n\n    <script>\n        function checkAnswers() {\n            const correctAnswers = {\n                \"answer1-3\": \"864\", \/\/ replace \"correct1\" with the actual correct answer\n                \"answer1-4\": \"12\", \/\/ replace \"correct2\" with the actual correct answer\n                \"answer1-5\": \"72\", \/\/ replace \"correct3\" with the actual correct answer\n                \"answer1-6\": \"864\", \/\/ replace \"correct4\" with the actual correct answer\n                \"answer2-3\": \"945\", \/\/ replace \"correct5\" with the actual correct answer\n                \"answer2-4\": \"1\", \/\/ replace \"correct6\" with the actual correct answer\n                \"answer2-5\": \"945\", \/\/ replace \"correct7\" with the actual correct answer\n                \"answer2-6\": \"945\", \/\/ replace \"correct8\" with the actual correct answer\n                \"answer3-3\": \"2592\", \/\/ replace \"correct9\" with the actual correct answer\n                \"answer3-4\": \"6\", \/\/ replace \"correct10\" with the actual correct answer\n                \"answer3-5\": \"432\", \/\/ replace \"correct11\" with the actual correct answer\n                \"answer3-6\": \"2592\", \/\/ replace \"correct12\" with the actual correct answer\n                \"answer4-3\": \"373248\", \/\/ replace \"correct13\" with the actual correct answer\n                \"answer4-4\": \"432\", \/\/ replace \"correct14\" with the actual correct answer\n                \"answer4-5\": \"864\", \/\/ replace \"correct15\" with the actual correct answer\n                \"answer4-6\": \"373248\", \/\/ replace \"correct16\" with the actual correct answer\n            };\n\n            const form = document.getElementById(\"quizForm\");\n            for (const [key, value] of Object.entries(correctAnswers)) {\n                const input = form.elements[key];\n                if (input) {\n                    if (input.value.trim().toLowerCase() === value.toLowerCase()) {\n                        input.classList.add(\"correct\");\n                        input.classList.remove(\"incorrect\");\n                    } else {\n                        input.classList.add(\"incorrect\");\n                        input.classList.remove(\"correct\");\n                    }\n                }\n            }\n        }\n    <\/script>\n<\/body>\n<\/html>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-42b08f4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"42b08f4\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-52c2d0f\" data-id=\"52c2d0f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-168f6ce elementor-widget elementor-widget-html\" data-id=\"168f6ce\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\n\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Exercices<\/title>\n    <style>\n        body {\n            font-family: Arial, sans-serif;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            height: 100vh;\n            background-color: #f0f0f0;\n            margin: 0;\n        }\n        .quiz-container {\n            background-color: white;\n            padding: 20px;\n            border-radius: 8px;\n            box-shadow: 0 0 10px rgba(0,0,0,0.1);\n            text-align: center;\n        }\n        .quiz-container1 {\n            background-color: white;\n            padding: 20px;\n            border-radius: 8px;\n            box-shadow: 0 0 10px rgba(0,0,0,0.1);\n            text-align: center;\n        }\n        .result {\n            margin-top: 20px;\n            font-weight: bold;\n        }\n        .correct {\n            color: green;\n        }\n        .incorrect {\n            color: red;\n        }\n         .result1 {\n            margin-top: 20px;\n            font-weight: bold;\n        }\n        .correct1 {\n            color: green;\n        }\n        .incorrect1 {\n            color: red;\n        }\n        .button {\n            background-color: purple;\n            color: white;\n            border: none;\n            padding: 15px 32px;\n            text-align: center;\n            text-decoration: none;\n            display: inline-block;\n            font-size: 16px;\n            font-family: 'Arial';\n            margin: 4px 2px;\n            cursor: pointer;\n            border-radius: 8px;\n            transition: background-color 0.3s ease;\n        }\n        .button:hover {\n            background-color: #45a049;\n        }\n        .button1 {\n            background-color: red;\n            color: white;\n            border: none;\n            padding: 15px 32px;\n            text-align: center;\n            text-decoration: none;\n            display: inline-block;\n            font-size: 16px;\n            font-family: 'Arial';\n            margin: 4px 2px;\n            cursor: pointer;\n            border-radius: 8px;\n            transition: background-color 0.3s ease;\n        }\n        .button1:hover {\n            background-color: #45a049;\n        }\n    <\/style>\n<\/head>\n<body>\n   \n    \n    <div class=\"quiz-container1\">\n        <h1>Exercice 2 - Casse-t\u00eate : Qui suis-je ?<\/h1>\n        <p>Je suis un nombre entier naturel avec trois chiffres.\nJe suis plus petit que 200.\nMon chiffre des dizaines est plus grand que mon chiffre des unit\u00e9s.\nJe suis un multiple de 9 et de 12.\n\n<\/p>\n        <input type=\"text\" id=\"answer1\" placeholder=\"Entrer la r\u00e9ponse ici (uniquement des nombres sans espaces)\">\n        <br><br>\n        <button class=\"button\" type=\"button\" onclick=\"checkAnswer1()\">CONTR\u00d4LER<\/button>\n        <button class=\"button1\" type=\"button\" onclick=\"resetAnswer1()\">Remettre \u00e0 z\u00e9ro<\/button>\n        <div id=\"result1\" class=\"result1\"><\/div>\n    <\/div>\n\n    <script>\n        function checkAnswer1() {\n            const correctAnswer = '180';\n            const userAnswer = document.getElementById('answer1').value.trim();\n            const resultDiv = document.getElementById('result1');\n\n            if (userAnswer.toLowerCase() === correctAnswer.toLowerCase()) {\n                resultDiv.textContent = 'Correct ! Excellent travail !';\n                resultDiv.className = 'result correct1';\n            } else {\n                resultDiv.textContent = 'Faux. Recalculer encore une fois !';\n                resultDiv.className = 'result incorrect1';\n            }\n        }\n\n        function resetAnswer1() {\n            document.getElementById('answer1').value = '';\n            document.getElementById('result1').textContent = '';\n        }\n    <\/script>\n    \n<\/body>\n<\/html>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Chapitre 2 &#8211; Deux exercices en ligne Ajoutez votre titre ici Accueil Auteurs Contact Exercices Chapitre 2 Deux exercices en ligne Exercice 1 a) Mon compte bancaire affiche 185 \u20ac. Je d\u00e9sire acqu\u00e9rir une bicyclette \u00e9lectrique co\u00fbtant 2 100 \u20ac. Pour ceci j\u2019effectue des travaux d\u2019utilit\u00e9 publique aupr\u00e8s de la&#8230;<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-3067","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.gastonternes.eu\/de\/wp-json\/wp\/v2\/pages\/3067","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gastonternes.eu\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.gastonternes.eu\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.gastonternes.eu\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gastonternes.eu\/de\/wp-json\/wp\/v2\/comments?post=3067"}],"version-history":[{"count":158,"href":"https:\/\/www.gastonternes.eu\/de\/wp-json\/wp\/v2\/pages\/3067\/revisions"}],"predecessor-version":[{"id":5454,"href":"https:\/\/www.gastonternes.eu\/de\/wp-json\/wp\/v2\/pages\/3067\/revisions\/5454"}],"wp:attachment":[{"href":"https:\/\/www.gastonternes.eu\/de\/wp-json\/wp\/v2\/media?parent=3067"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}