{"id":6673,"date":"2026-09-28T19:03:32","date_gmt":"2026-09-28T19:03:32","guid":{"rendered":"https:\/\/pausemaths.fr\/?p=6673"},"modified":"2026-09-28T20:17:39","modified_gmt":"2026-09-28T20:17:39","slug":"1-revisions-sur-les-nombres-relatifs-5","status":"publish","type":"post","link":"https:\/\/pausemaths.fr\/index.php\/2026\/09\/28\/1-revisions-sur-les-nombres-relatifs-5\/","title":{"rendered":"1- R\u00e9visions sur les nombres relatifs"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center has-custom-color-1-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"border-width:1px;border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px\">\n<p class=\"has-text-align-center wp-block-paragraph\"><a href=\"https:\/\/pausemaths.fr\/index.php\/2026\/09\/02\/1-revisions-sur-les-nombres-relatifs\/\">Activit\u00e9 &#8211; Cours &#8211; exercices &#8211; Probl\u00e8mes<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"border-width:1px;border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px\">\n<p class=\"has-text-align-center wp-block-paragraph\"><a href=\"https:\/\/pausemaths.fr\/index.php\/2026\/03\/27\/relatifs-addition-et-soustraction\/\">Maths Num\u00e9riques<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"border-width:1px;border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px\">\n<p class=\"has-text-align-center wp-block-paragraph\"><a href=\"https:\/\/pausemaths.fr\/index.php\/2026\/09\/28\/1-revisions-sur-les-nombres-relatifs-3\/\">Jeux<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"border-width:1px;border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px\">\n<p class=\"has-text-align-center wp-block-paragraph\"><a href=\"https:\/\/pausemaths.fr\/index.php\/2026\/09\/28\/1-revisions-sur-les-nombres-relatifs-4\/\">Niveau 1 : Je me souviens<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"border-width:1px;border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px\">\n<p class=\"has-text-align-center wp-block-paragraph\"><a href=\"https:\/\/pausemaths.fr\/index.php\/2026\/09\/28\/1-revisions-sur-les-nombres-relatifs-2\/\">Niveau 2 : Je fais mes preuves !<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center has-custom-color-1-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"border-width:1px;border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px\">\n<p class=\"has-text-align-center wp-block-paragraph\"><a href=\"https:\/\/pausemaths.fr\/index.php\/2026\/09\/28\/1-revisions-sur-les-nombres-relatifs-5\/\">Niveau 3 : Je deviens un expert<\/a><\/p>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-contrast-color has-alpha-channel-opacity has-contrast-background-color has-background\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-custom-color-4-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"border-width:1px;border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;flex-basis:100%\">\n<p class=\"has-text-align-center has-x-large-font-size wp-block-paragraph\"><strong> Niveau 3 : Deviens un expert en sommes alg\u00e9briques<\/strong><\/p>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-contrast-color has-alpha-channel-opacity has-contrast-background-color has-background\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-custom-color-2-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"border-width:1px;border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;flex-basis:100%\">\n<p class=\"has-text-align-center has-x-large-font-size wp-block-paragraph\"><strong>Mission 1 : La m\u00e9thode en vid\u00e9o et deux exercices<\/strong><\/p>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-contrast-color has-alpha-channel-opacity has-contrast-background-color has-background is-style-dots\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Nombres relatifs: Somme Alge\u0301brique 5\u00e8me\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/bx1pHwT_omE?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"EXERCICE : Effectuer des additions et des soustractions de nombres relatifs (1) - Cinqui\u00e8me\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/7AL180eCUXc?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"EXERCICE : Effectuer des additions et des soustractions de nombres relatifs (2) - Cinqui\u00e8me\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/Pj72uKvYe9k?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-contrast-color has-alpha-channel-opacity has-contrast-background-color has-background\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-custom-color-2-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"border-width:1px;border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;flex-basis:100%\">\n<p class=\"has-text-align-center has-x-large-font-size wp-block-paragraph\"><strong>Mission 2 : Les exercices <\/strong><\/p>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-contrast-color has-alpha-channel-opacity has-contrast-background-color has-background is-style-dots\"\/>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Fiche d&rsquo;exercice ( jeuxmaths.fr )<br><a href=\"http:\/\/pausemaths.fr\/wp-content\/uploads\/2026\/09\/operationsrelatifs4_15dqsdfpp8.pdf\">Somme alg\u00e9brique<\/a><br><a href=\"http:\/\/pausemaths.fr\/wp-content\/uploads\/2026\/09\/operationsrelatifs4_corll15dqsdfpp8.pdf\">Correction<\/a><\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-contrast-color has-alpha-channel-opacity has-contrast-background-color has-background\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-custom-color-2-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"border-width:1px;border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;flex-basis:100%\">\n<p class=\"has-text-align-center has-x-large-font-size wp-block-paragraph\"><strong>Mission 3 : R\u00e9sous une pyramide de nombre !<\/strong><\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Pyramide des Nombres Relatifs<\/title>\n    <style>\n        .pyramide-app {\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            background-color: #ffffff;\n            color: #2d3748;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            padding: 32px;\n            border-radius: 12px;\n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n            max-width: 900px; \/* Largeur 900px *\/\n            margin: 20px auto;\n            box-sizing: border-box;\n        }\n        .pyramide-app h1 {\n            color: #1a202c;\n            font-size: 24px;\n            font-weight: 700;\n            margin: 0 0 12px 0;\n            text-align: center;\n        }\n        .pyramide-app p.consigne {\n            color: #718096;\n            font-size: 15px;\n            line-height: 1.5;\n            text-align: center;\n            margin: 0 0 32px 0;\n            max-width: 700px;\n        }\n        .pyramide-app .pyramid-container {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            margin-bottom: 32px;\n            background-color: #f7fafc;\n            padding: 30px;\n            border-radius: 8px;\n            border: 1px solid #e2e8f0;\n            width: 100%;\n            box-sizing: border-box;\n        }\n        .pyramide-app .row {\n            display: flex;\n            justify-content: center;\n            margin-bottom: 6px;\n        }\n        .pyramide-app .brick {\n            width: 85px; \/* Taille de brique adapt\u00e9e *\/\n            height: 48px;\n            margin: 0 3px;\n            border: 1px solid #a0aec0;\n            border-radius: 6px;\n            text-align: center;\n            font-size: 15px;\n            font-weight: 600;\n            background-color: #ffffff;\n            color: #2d3748;\n            transition: all 0.2s ease;\n            box-sizing: border-box;\n        }\n        .pyramide-app .brick:disabled {\n            background-color: #e2e8f0;\n            color: #4a5568;\n            border-color: #cbd5e0;\n            cursor: not-allowed;\n        }\n        .pyramide-app .brick.correct {\n            background-color: #48bb78 !important;\n            color: white !important;\n            border-color: #38a169 !important;\n        }\n        .pyramide-app .brick.wrong {\n            background-color: #f56565 !important;\n            color: white !important;\n            border-color: #e53e3e !important;\n        }\n        .pyramide-app .action-buttons {\n            display: flex;\n            gap: 16px;\n        }\n        .pyramide-app button.action-btn {\n            padding: 12px 24px;\n            font-size: 14px;\n            font-weight: 600;\n            border: none;\n            border-radius: 6px;\n            cursor: pointer;\n            transition: background 0.2s ease;\n        }\n        .pyramide-app .btn-check {\n            background-color: #3182ce;\n            color: white;\n        }\n        .pyramide-app .btn-check:hover { background-color: #2b6cb0; }\n        .pyramide-app .btn-new {\n            background-color: #4a5568;\n            color: white;\n        }\n        .pyramide-app .btn-new:hover { background-color: #2d3748; }\n        .pyramide-app #score-board {\n            margin-top: 20px;\n            font-size: 16px;\n            font-weight: 600;\n            height: 24px;\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"pyramide-app\">\n        <h1>Pyramide des Nombres Relatifs<\/h1>\n        <p class=\"consigne\">Chaque case vide doit \u00eatre \u00e9gale \u00e0 la somme des deux cases situ\u00e9es directement en dessous d&rsquo;elle.<\/p>\n\n        <div class=\"pyramid-container\" id=\"pyramid\">\n            <!-- Rempli par JavaScript -->\n        <\/div>\n\n        <div class=\"action-buttons\">\n            <button class=\"action-btn btn-check\" onclick=\"checkAnswers()\">V\u00e9rifier mes r\u00e9ponses<\/button>\n            <button class=\"action-btn btn-new\" onclick=\"initGame()\">Nouvelle pyramide<\/button>\n        <\/div>\n\n        <div id=\"score-board\"><\/div>\n    <\/div>\n\n    <script>\n        const ROWS = 5; \n        let gridValues = []; \n        let visibleMask = []; \n\n        function getRandomRelative() {\n            let num = 0;\n            while(num === 0) {\n                num = Math.floor(Math.random() * 15) - 7; \n            }\n            return num;\n        }\n\n        function initGame() {\n            const container = document.getElementById('pyramid');\n            container.innerHTML = '';\n            document.getElementById('score-board').innerHTML = '';\n            \n            \/\/ 1. Structure vide\n            gridValues = Array.from({ length: ROWS }, (_, i) => new Array(ROWS - i).fill(0));\n            \n            \/\/ 2. Remplir correctement le premier \u00e9tage (la base)\n            for (let j = 0; j < ROWS; j++) {\n                gridValues[0][j] = getRandomRelative(); \/\/ Correction du bug ici\n            }\n\n            \/\/ 3. Calculer les \u00e9tages sup\u00e9rieurs\n            for (let i = 1; i < ROWS; i++) {\n                for (let j = 0; j < ROWS - i; j++) {\n                    gridValues[i][j] = gridValues[i-1][j] + gridValues[i-1][j+1];\n                }\n            }\n\n            \/\/ 4. Masque d'affichage (les cases avec 'true' seront affich\u00e9es)\n            visibleMask = [\n                [true, false, true, false, true], \n                [false, true, false, false],       \n                [false, false, true],              \n                [true, false],                     \n                [false]                            \n            ];\n\n            \/\/ 5. G\u00e9n\u00e9rer le HTML\n            for (let i = ROWS - 1; i >= 0; i--) {\n                const rowDiv = document.createElement('div');\n                rowDiv.className = 'row';\n                \n                for (let j = 0; j < ROWS - i; j++) {\n                    const input = document.createElement('input');\n                    input.type = 'text';\n                    input.className = 'brick';\n                    input.dataset.row = i;\n                    input.dataset.col = j;\n\n                    if (visibleMask[i][j]) {\n                        let val = gridValues[i][j];\n                        input.value = val > 0 ? '+' + val : val;\n                        input.disabled = true;\n                    } else {\n                        input.placeholder = \"?\";\n                    }\n                    rowDiv.appendChild(input);\n                }\n                container.appendChild(rowDiv);\n            }\n        }\n\n        function checkAnswers() {\n            const inputs = document.querySelectorAll('.pyramide-app .brick:not(:disabled)');\n            let correctCount = 0;\n            let totalInputs = inputs.length;\n\n            inputs.forEach(input => {\n                const r = parseInt(input.dataset.row);\n                const c = parseInt(input.dataset.col);\n                const userAnswer = parseInt(input.value.trim().replace('+', ''));\n                const correctAnswer = gridValues[r][c];\n\n                if (!isNaN(userAnswer) && userAnswer === correctAnswer) {\n                    input.className = 'brick correct';\n                    correctCount++;\n                } else {\n                    input.className = 'brick wrong';\n                }\n            });\n\n            const scoreBoard = document.getElementById('score-board');\n            if (correctCount === totalInputs) {\n                scoreBoard.innerHTML = `\ud83c\udf89 Excellent ! Tout est juste (${correctCount}\/${totalInputs})`;\n                scoreBoard.style.color = '#38a169';\n            } else {\n                scoreBoard.innerHTML = `\u26a0\ufe0f Des erreurs subsistent. Score : ${correctCount}\/${totalInputs}`;\n                scoreBoard.style.color = '#e53e3e';\n            }\n        }\n\n        window.onload = initGame;\n    <\/script>\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-contrast-color has-alpha-channel-opacity has-contrast-background-color has-background\"\/>\n","protected":false},"excerpt":{"rendered":"<p>Activit\u00e9 &#8211; Cours &#8211; exercices &#8211; Probl\u00e8mes Maths Num\u00e9riques Jeux Niveau 1 : Je me souviens Niveau 2 : Je fais mes preuves ! Niveau 3 : Je deviens un expert Niveau 3 : Deviens un expert en sommes alg\u00e9briques Mission 1 : La m\u00e9thode en vid\u00e9o et deux exercices Mission 2 : Les exercices [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-6673","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/pausemaths.fr\/index.php\/wp-json\/wp\/v2\/posts\/6673","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pausemaths.fr\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pausemaths.fr\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pausemaths.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pausemaths.fr\/index.php\/wp-json\/wp\/v2\/comments?post=6673"}],"version-history":[{"count":28,"href":"https:\/\/pausemaths.fr\/index.php\/wp-json\/wp\/v2\/posts\/6673\/revisions"}],"predecessor-version":[{"id":6722,"href":"https:\/\/pausemaths.fr\/index.php\/wp-json\/wp\/v2\/posts\/6673\/revisions\/6722"}],"wp:attachment":[{"href":"https:\/\/pausemaths.fr\/index.php\/wp-json\/wp\/v2\/media?parent=6673"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pausemaths.fr\/index.php\/wp-json\/wp\/v2\/categories?post=6673"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pausemaths.fr\/index.php\/wp-json\/wp\/v2\/tags?post=6673"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}