{"id":3287,"date":"2024-06-28T13:30:36","date_gmt":"2024-06-28T11:30:36","guid":{"rendered":"https:\/\/www.gastonternes.eu\/?page_id=3287"},"modified":"2025-07-16T12:07:15","modified_gmt":"2025-07-16T10:07:15","slug":"mpr-deux-exercices-en-ligne-ch-5","status":"publish","type":"page","link":"https:\/\/www.gastonternes.eu\/en\/mpr-deux-exercices-en-ligne-ch-5\/","title":{"rendered":"Maths: Plaisir &#038; R\u00e9ussite &#8211; Chapitre 5 &#8211; Deux exercices en ligne"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3287\" class=\"elementor elementor-3287\" 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-15cbb27 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"15cbb27\" 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-1260554\" data-id=\"1260554\" 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-cae8c39 elementor-widget elementor-widget-html\" data-id=\"cae8c39\" 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\/en\/mpr-accueil\/\" target=\"_blank\">Accueil<\/a><\/li>\n                \n                  <li><a href=\"https:\/\/www.gastonternes.eu\/en\/mpr-auteurs\/\" target=\"_blank\">Auteurs<\/a><\/li>\n                \n                <li><a href=\"mailto:maths.plaisir.reussite@gmail.com\">Contact<\/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-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 5 - 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-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<html lang=\"de\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Questions pour un\/e champion\/ne<\/title>\n    <style>\n        body {\n            font-family: Arial, sans-serif;\n            color: white;\n            background-color: #black;\n        }\n        .quiz-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 20px;\n            border: 1px solid #ccc;\n            border-radius: 5px;\n            box-shadow: 0 0 10px rgba(0, 0, 0, 1);\n            background-color: #22223b;\n        }\n        .question {\n            margin-bottom: 15px;\n        }\n        .question label {\n            display: block;\n        }\n        .result {\n            margin-top: 20px;\n            padding: 10px;\n            border: 1px solid #ccc;\n            border-radius: 5px;\n            background-color: #f9f9f9;\n            color: #333;\n        }\n        .correct {\n            color: green;\n        }\n        .incorrect {\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        h1 {\n            color: #FFF;\n            font-size: 36px; \n            font-family: 'Arial', sans-serif;\n            font-weight: bold;\n        }\n        h2 {\n            color: #FFF;\n            font-size: 30px;\n            font-family: 'Arial', Sans-Serif;\n            font-weight: bold;\n        }\n        h3 {\n            color: #FFF;\n            font-size: 30px;\n            font-family: 'Arial', Sans-Serif, bold;\n        }\n        h4 {\n            color: #FFF;\n            font-size: 20px; \/* Font size for h2 *\/\n            font-family: 'Arial', Sans-Serif, bold\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: 14px;\n            font-family: 'Tahoma', sans-serif;\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        .hidden-text {\n            display: none;\n            margin-top: 20px;\n        }\n        \n        \n        \n    <\/style>\n<\/head>\n<body>\n\n<div class=\"quiz-container\">\n    <h1>Questions pour un\/e champion\/ne :<\/h1>\n    <h2>Exercice 1<\/h2>\n    <h3>Effectuer l'op\u00e9ration correcte !<\/h3>\n    <h4>Voici quelques exemples de la vie quotidienne. En effectuant la bonne op\u00e9ration, justifie pour chaque question quelle est la seule r\u00e9ponse correcte !<\/h4>\n    <form id=\"quizForm\">\n        <div class=\"question\" data-answer=\"true\">\n\n       \n\n            <p>1) Une boisson \u00e9nergisante : Tu m\u00e9langes <sup>1<\/sup>&frasl;<sub>4<\/sub>  L de jus d\u2019ananas, 0,15 L de jus de citron et <sup>1<\/sup>&frasl;<sub>5<\/sub> L de jus de kiwi. Combien de boisson as-tu ainsi pr\u00e9par\u00e9 :<\/p>\n            <label><input type=\"radio\" name=\"q1\" value=\"false\">  a)\t0,42 L de boisson<\/label>\n            <label><input type=\"radio\" name=\"q1\" value=\"true\">  b) 0,6 L de boisson<\/label>\n            <label><input type=\"radio\" name=\"q1\" value=\"false\"> c) <sup>4<\/sup>&frasl;<sub>5<\/sub> L de boisson<\/label>\n        <\/div>\n        <div class=\"question\" data-answer=\"true\">\n            <p>2) Une enqu\u00eate montre que la banane est le fruit le plus achet\u00e9 par les jeunes. Tu ach\u00e8tes 2,5 kg de bananes \u00e0 1,62 euros (\u20ac) le kg. Combien as-tu d\u00e9pens\u00e9 en euros (\u20ac) ?<\/p>\n            <label><input type=\"radio\" name=\"q2\" value=\"false\">  a) 4,12 \u20ac<\/label>\n            <label><input type=\"radio\" name=\"q2\" value=\"false\">  b) 3 \u20ac<\/label>\n            <label><input type=\"radio\" name=\"q2\" value=\"true\"> c) 4,05 \u20ac<\/label>\n        <\/div>\n        \n\n        <h2>Exercice 2<\/h2>\n        \n\n        <div class=\"question\" data-answer=\"true\">\n            <p>1. Prendre le 30% d\u2019un nombre, c\u2019est multiplier par 0,3.<\/p>\n            <label><input type=\"radio\" name=\"q3\" value=\"true\"> Vrai<\/label>\n            <label><input type=\"radio\" name=\"q3\" value=\"false\"> Faux<\/label>\n        <\/div>\n        <div class=\"question\" data-answer=\"true\">\n            <p>2. La somme de deux nombres rationnels non d\u00e9cimaux peut \u00eatre d\u00e9cimale.<\/p>\n            <label><input type=\"radio\" name=\"q4\" value=\"true\"> Vrai<\/label>\n            <label><input type=\"radio\" name=\"q4\" value=\"false\"> Faux<\/label>\n        <\/div>\n        <div class=\"question\" data-answer=\"true\">\n            <p>3. Le produit de deux nombres rationnels non d\u00e9cimaux peut \u00eatre d\u00e9cimal.<\/p>\n            <label><input type=\"radio\" name=\"q5\" value=\"true\"> Vrai<\/label>\n            <label><input type=\"radio\" name=\"q5\" value=\"false\"> Faux<\/label>\n        <\/div>\n        <div class=\"question\" data-answer=\"false\">\n            <p>4. Quand on augmente le d\u00e9nominateur d\u2019une fraction, la fraction augmente.<\/p>\n            <label><input type=\"radio\" name=\"q6\" value=\"true\"> Vrai<\/label>\n            <label><input type=\"radio\" name=\"q6\" value=\"false\"> Faux<\/label>\n        <\/div>\n       \n\n        <button class=\"button\" type=\"button\" onclick=\"checkQuiz()\">CONTR\u00d4LER MES R\u00c9PONSES<\/button>\n    <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n\n    <div id=\"result\" class=\"result\" style=\"display:none;\"><\/div>\n<\/div>\n\n<script>\n    function checkQuiz() {\n        const form = document.getElementById('quizForm');\n        const resultDiv = document.getElementById('result');\n        const questions = document.querySelectorAll('.question');\n        let score = 0;\n\n        questions.forEach(question => {\n            const correctAnswer = question.getAttribute('data-answer');\n            const selectedAnswer = form.elements[question.querySelector('input[type=\"radio\"]').name].value;\n\n            if (selectedAnswer === correctAnswer) {\n                question.classList.add('correct');\n                score++;\n            } else {\n                question.classList.add('incorrect');\n            }\n\n            const labels = question.querySelectorAll('label');\n            labels.forEach(label => {\n                if (label.querySelector('input').value === correctAnswer) {\n                    label.classList.add('correct');\n                } else {\n                    label.classList.add('incorrect');\n                }\n            });\n        });\n\n        resultDiv.style.display = 'block';\n        resultDiv.textContent = `Tu as bien r\u00e9pondu \u00e0 ${score} de ${questions.length} questions.`;\n    }\n<\/script>\n\n<button class=\"button1\" onclick=\"showText()\">Cliquer ici pour voir les justifications pour l'exercice 2<\/button>\n    <p id=\"text\" class=\"hidden-text\"> 1. (V) : <sup>30<\/sup>&frasl;<sub>100<\/sub> = 0,3  <br>\n    2. (V) : <sup>1<\/sup>&frasl;<sub>6<\/sub> + <sup>1<\/sup>&frasl;<sub>3<\/sub> = <sup>1<\/sup>&frasl;<sub>2<\/sub> <br> \n    3.  (V) : <sup>3<\/sup>&frasl;<sub>7<\/sub> \u22c5 <sup>7<\/sup>&frasl;<sub>6<\/sub> = <sup>1<\/sup>&frasl;<sub>2<\/sub> <br> \n    4. (F) : <sup>1<\/sup>&frasl;<sub>4<\/sub> < <sup>1<\/sup>&frasl;<sub>3<\/sub> (Pour une fraction de deux entiers naturels, la fraction diminue si l\u2019on augmente le d\u00e9nominateur). <\/p>\n\n    <script>\n        function showText() {\n            var text = document.getElementById('text');\n            text.style.display = 'block';\n        }\n    <\/script>\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\t\t<\/div>\n\t\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Accueil Auteurs Contact Chapitre 5 &#8211; Deux exercices en ligne Questions pour un\/e champion\/ne Questions pour un\/e champion\/ne : Exercice 1 Effectuer l&rsquo;op\u00e9ration correcte ! Voici quelques exemples de la vie quotidienne. En effectuant la bonne op\u00e9ration, justifie pour chaque question quelle est la seule r\u00e9ponse correcte ! 1) Une&#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-3287","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.gastonternes.eu\/en\/wp-json\/wp\/v2\/pages\/3287","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gastonternes.eu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.gastonternes.eu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.gastonternes.eu\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gastonternes.eu\/en\/wp-json\/wp\/v2\/comments?post=3287"}],"version-history":[{"count":101,"href":"https:\/\/www.gastonternes.eu\/en\/wp-json\/wp\/v2\/pages\/3287\/revisions"}],"predecessor-version":[{"id":5582,"href":"https:\/\/www.gastonternes.eu\/en\/wp-json\/wp\/v2\/pages\/3287\/revisions\/5582"}],"wp:attachment":[{"href":"https:\/\/www.gastonternes.eu\/en\/wp-json\/wp\/v2\/media?parent=3287"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}