{"id":6498,"date":"2026-09-28T15:47:06","date_gmt":"2026-09-28T15:47:06","guid":{"rendered":"https:\/\/pausemaths.fr\/?p=6498"},"modified":"2026-09-28T20:26:04","modified_gmt":"2026-09-28T20:26:04","slug":"multiplication-de-relatifs-3","status":"publish","type":"post","link":"https:\/\/pausemaths.fr\/index.php\/2026\/09\/28\/multiplication-de-relatifs-3\/","title":{"rendered":"Multiplication de relatifs et un peu plus&#8230;"},"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-layout-flow wp-block-column-is-layout-flow\" style=\"border-width:1px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px\">\n<p class=\"has-text-align-center wp-block-paragraph\"><a href=\"https:\/\/pausemaths.fr\/index.php\/2026\/09\/21\/multiplication-de-relatifs\/\">D\u00e9couverte &#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-layout-flow wp-block-column-is-layout-flow\" style=\"border-width:1px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px\">\n<p class=\"has-text-align-center wp-block-paragraph\"><a href=\"https:\/\/pausemaths.fr\/index.php\/2026\/09\/28\/multiplication-de-relatifs-2\/\">Maths Num\u00e9riques<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column 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:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px\">\n<p class=\"has-text-align-center wp-block-paragraph\"><a href=\"https:\/\/pausemaths.fr\/index.php\/2026\/09\/28\/multiplication-de-relatifs-3\/\">Jeux<\/a><\/p>\n<\/div>\n<\/div>\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-default\"\/>\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 has-x-large-font-size 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 wp-block-paragraph\">R\u00e9alise une pyramide multiplicative juste et passe \u00e0 la suite !<\/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<!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 Multiplications de 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 Multiplicative des Nombres Relatifs<\/h1>\n        <p class=\"consigne\">Chaque case vide doit \u00eatre \u00e9gale au <strong>produit (multiplication)<\/strong> des deux cases situ\u00e9es directement en dessous d&rsquo;elle. Appliquez la r\u00e8gle des signes !<\/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        \/\/ Nombres plus petits car les multiplications grimpent tr\u00e8s vite\n        function getRandomRelative() {\n            let num = 0;\n            const values = [-4, -3, -2, -1, 1, 2, 3, 4];\n            num = values[Math.floor(Math.random() * values.length)];\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 le premier \u00e9tage (la base)\n            for (let j = 0; j < ROWS; j++) {\n                gridValues[0][j] = getRandomRelative();\n            }\n\n            \/\/ 3. Calculer les \u00e9tages sup\u00e9rieurs (MULTIPLICATION)\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\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-default\"\/>\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\" style=\"flex-basis:50%\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\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>Conduire un calcul <\/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<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/www.jeuxmaths.fr\/exercice-de-math-conduire-calcul.html\" target=\"_blank\" rel=\" noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"661\" height=\"481\" src=\"https:\/\/pausemaths.fr\/wp-content\/uploads\/2026\/09\/image-22.png\" alt=\"\" class=\"wp-image-6505\" srcset=\"https:\/\/pausemaths.fr\/wp-content\/uploads\/2026\/09\/image-22.png 661w, https:\/\/pausemaths.fr\/wp-content\/uploads\/2026\/09\/image-22-300x218.png 300w\" sizes=\"auto, (max-width: 661px) 100vw, 661px\" \/><\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\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\">Bombermaths<\/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<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/www.jeuxmaths.fr\/jeu-de-math-bombermath.html\" target=\"_blank\" rel=\" noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"635\" height=\"475\" src=\"https:\/\/pausemaths.fr\/wp-content\/uploads\/2026\/09\/image-21.png\" alt=\"\" class=\"wp-image-6501\" style=\"object-fit:cover\" srcset=\"https:\/\/pausemaths.fr\/wp-content\/uploads\/2026\/09\/image-21.png 635w, https:\/\/pausemaths.fr\/wp-content\/uploads\/2026\/09\/image-21-300x224.png 300w\" sizes=\"auto, (max-width: 635px) 100vw, 635px\" \/><\/a><\/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 is-style-default\"\/>\n","protected":false},"excerpt":{"rendered":"<p>D\u00e9couverte &#8211; Cours &#8211; Exercices &#8211; Probl\u00e8mes Maths Num\u00e9riques Jeux R\u00e9alise une pyramide multiplicative juste et passe \u00e0 la suite ! Pyramide des Multiplications de Relatifs Pyramide Multiplicative des Nombres Relatifs Chaque case vide doit \u00eatre \u00e9gale au produit (multiplication) des deux cases situ\u00e9es directement en dessous d&rsquo;elle. Appliquez la r\u00e8gle des signes ! V\u00e9rifier [&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-6498","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/pausemaths.fr\/index.php\/wp-json\/wp\/v2\/posts\/6498","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=6498"}],"version-history":[{"count":26,"href":"https:\/\/pausemaths.fr\/index.php\/wp-json\/wp\/v2\/posts\/6498\/revisions"}],"predecessor-version":[{"id":6725,"href":"https:\/\/pausemaths.fr\/index.php\/wp-json\/wp\/v2\/posts\/6498\/revisions\/6725"}],"wp:attachment":[{"href":"https:\/\/pausemaths.fr\/index.php\/wp-json\/wp\/v2\/media?parent=6498"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pausemaths.fr\/index.php\/wp-json\/wp\/v2\/categories?post=6498"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pausemaths.fr\/index.php\/wp-json\/wp\/v2\/tags?post=6498"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}