Jeu de Soci\u00e9t\u00e9 Interactif \u2013 Plateau Simple<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n background: #f4f4f4;\n margin: 0;\n padding: 20px;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n\n h1 {\n margin-bottom: 10px;\n }\n\n #board {\n display: grid;\n grid-template-columns: repeat(5, 80px);\n grid-template-rows: repeat(5, 80px);\n gap: 5px;\n margin-top: 20px;\n }\n\n .cell {\n width: 80px;\n height: 80px;\n background: white;\n border: 2px solid #999;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 20px;\n font-weight: bold;\n border-radius: 8px;\n }\n\n .player {\n color: #e91e63;\n }\n\n #controls {\n margin-top: 20px;\n display: flex;\n flex-direction: column;\n gap: 10px;\n align-items: center;\n }\n\n button {\n padding: 10px 20px;\n font-size: 16px;\n border: none;\n border-radius: 6px;\n cursor: pointer;\n background: #2196f3;\n color: white;\n }\n\n #log {\n margin-top: 20px;\n background: white;\n padding: 10px;\n border-radius: 6px;\n width: 300px;\n height: 150px;\n overflow-y: auto;\n font-size: 14px;\n border: 1px solid #ddd;\n }\n <\/style>\n<\/head>\n<body>\n <h1>Jeu de Plateau Interactif<\/h1>\n <p>Avancez votre pion en lan\u00e7ant le d\u00e9. Arrivez \u00e0 la case 25 pour gagner !<\/p>\n\n <div id=\"board\"><\/div>\n\n <div id=\"controls\">\n <button onclick=\"rollDice()\">Lancer le d\u00e9 \ud83c\udfb2<\/button>\n <div id=\"diceResult\"><\/div>\n <\/div>\n\n <div id=\"log\"><\/div>\n\n <script>\n const board = document.getElementById('board');\n const logBox = document.getElementById('log');\n let position = 1;\n\n function initBoard() {\n for (let i = 1; i <= 25; i++) {\n const cell = document.createElement('div');\n cell.classList.add('cell');\n cell.id = 'cell-' + i;\n cell.textContent = i;\n board.appendChild(cell);\n }\n updatePlayerPosition();\n }\n\n function updatePlayerPosition() {\n document.querySelectorAll('.cell').forEach(c => (c.innerHTML = c.id.split('-')[1]));\n const playerCell = document.getElementById('cell-' + position);\n playerCell.innerHTML = '<span class=\"player\">\ud83d\udc64<\/span>';\n }\n\n function rollDice() {\n const value = Math.floor(Math.random() * 6) + 1;\n document.getElementById('diceResult').textContent = \"R\u00e9sultat : \" + value;\n log(\"Vous avancez de \" + value + \" case(s)\");\n\n position += value;\n if (position >= 25) {\n position = 25;\n updatePlayerPosition();\n log(\"\ud83c\udf89 Vous avez gagn\u00e9 !\");\n return;\n }\n\n updatePlayerPosition();\n }\n\n function log(message) {\n const entry = document.createElement('div');\n entry.textContent = message;\n logBox.appendChild(entry);\n logBox.scrollTop = logBox.scrollHeight;\n }\n\n initBoard();\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Jeu de Soci\u00e9t\u00e9 Interactif \u2013 Plateau Simple Jeu de Plateau Interactif Avancez votre pion en lan\u00e7ant le d\u00e9. Arrivez \u00e0 la case 25 pour gagner ! Lancer le d\u00e9 \ud83c\udfb2<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1771","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1771","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/comments?post=1771"}],"version-history":[{"count":4,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1771\/revisions"}],"predecessor-version":[{"id":1778,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1771\/revisions\/1778"}],"wp:attachment":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/media?parent=1771"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1771,"date":"2025-12-04T19:27:44","date_gmt":"2025-12-04T19:27:44","guid":{"rendered":"https:\/\/clubvivremieux.com\/?page_id=1771"},"modified":"2025-12-04T19:36:44","modified_gmt":"2025-12-04T19:36:44","slug":"jeu-de-plateau-interactif","status":"publish","type":"page","link":"https:\/\/clubvivremieux.com\/index.php\/jeu-de-plateau-interactif\/","title":{"rendered":"Jeu de Plateau Interactif"},"content":{"rendered":"\n\n\n\n \n \n Jeu de Soci\u00e9t\u00e9 Interactif \u2013 Plateau Simple<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n background: #f4f4f4;\n margin: 0;\n padding: 20px;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n\n h1 {\n margin-bottom: 10px;\n }\n\n #board {\n display: grid;\n grid-template-columns: repeat(5, 80px);\n grid-template-rows: repeat(5, 80px);\n gap: 5px;\n margin-top: 20px;\n }\n\n .cell {\n width: 80px;\n height: 80px;\n background: white;\n border: 2px solid #999;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 20px;\n font-weight: bold;\n border-radius: 8px;\n }\n\n .player {\n color: #e91e63;\n }\n\n #controls {\n margin-top: 20px;\n display: flex;\n flex-direction: column;\n gap: 10px;\n align-items: center;\n }\n\n button {\n padding: 10px 20px;\n font-size: 16px;\n border: none;\n border-radius: 6px;\n cursor: pointer;\n background: #2196f3;\n color: white;\n }\n\n #log {\n margin-top: 20px;\n background: white;\n padding: 10px;\n border-radius: 6px;\n width: 300px;\n height: 150px;\n overflow-y: auto;\n font-size: 14px;\n border: 1px solid #ddd;\n }\n <\/style>\n<\/head>\n<body>\n <h1>Jeu de Plateau Interactif<\/h1>\n <p>Avancez votre pion en lan\u00e7ant le d\u00e9. Arrivez \u00e0 la case 25 pour gagner !<\/p>\n\n <div id=\"board\"><\/div>\n\n <div id=\"controls\">\n <button onclick=\"rollDice()\">Lancer le d\u00e9 \ud83c\udfb2<\/button>\n <div id=\"diceResult\"><\/div>\n <\/div>\n\n <div id=\"log\"><\/div>\n\n <script>\n const board = document.getElementById('board');\n const logBox = document.getElementById('log');\n let position = 1;\n\n function initBoard() {\n for (let i = 1; i <= 25; i++) {\n const cell = document.createElement('div');\n cell.classList.add('cell');\n cell.id = 'cell-' + i;\n cell.textContent = i;\n board.appendChild(cell);\n }\n updatePlayerPosition();\n }\n\n function updatePlayerPosition() {\n document.querySelectorAll('.cell').forEach(c => (c.innerHTML = c.id.split('-')[1]));\n const playerCell = document.getElementById('cell-' + position);\n playerCell.innerHTML = '<span class=\"player\">\ud83d\udc64<\/span>';\n }\n\n function rollDice() {\n const value = Math.floor(Math.random() * 6) + 1;\n document.getElementById('diceResult').textContent = \"R\u00e9sultat : \" + value;\n log(\"Vous avancez de \" + value + \" case(s)\");\n\n position += value;\n if (position >= 25) {\n position = 25;\n updatePlayerPosition();\n log(\"\ud83c\udf89 Vous avez gagn\u00e9 !\");\n return;\n }\n\n updatePlayerPosition();\n }\n\n function log(message) {\n const entry = document.createElement('div');\n entry.textContent = message;\n logBox.appendChild(entry);\n logBox.scrollTop = logBox.scrollHeight;\n }\n\n initBoard();\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Jeu de Soci\u00e9t\u00e9 Interactif \u2013 Plateau Simple Jeu de Plateau Interactif Avancez votre pion en lan\u00e7ant le d\u00e9. Arrivez \u00e0 la case 25 pour gagner ! Lancer le d\u00e9 \ud83c\udfb2<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1771","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1771","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/comments?post=1771"}],"version-history":[{"count":4,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1771\/revisions"}],"predecessor-version":[{"id":1778,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1771\/revisions\/1778"}],"wp:attachment":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/media?parent=1771"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}