{"id":2627,"date":"2026-01-05T09:44:00","date_gmt":"2026-01-05T08:44:00","guid":{"rendered":"https:\/\/labodemaths.fr\/WordPress3\/?p=2627"},"modified":"2026-01-06T09:14:49","modified_gmt":"2026-01-06T08:14:49","slug":"nsi-js-et-html-evolution-du-tic-tac-toe","status":"publish","type":"post","link":"https:\/\/labodemaths.fr\/WordPress3\/nsi-js-et-html-evolution-du-tic-tac-toe\/","title":{"rendered":"NSI : JS et HTML , evolution du tic-tac-toe vers pente"},"content":{"rendered":"\n

<\/p>\n\n\n\n

Un cours \u00e0 conna\u00eetre :<\/p>\n\n\n\n

Javascript-HTML-et-CSS<\/a>T\u00e9l\u00e9charger<\/a><\/div>\n\n\n\n

T\u00e9lcharger les images suivantes :<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n

Le html<\/p>\n\n\n\n

<!DOCTYPE html>\n<html lang=\"fr\">\n    <head>\n        <meta http-equiv=\"Content-Type\" content=\"text\/html; charset=UTF-8\">\n  <link rel=\"stylesheet\" href=\"style.css\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bowlby+One&display=swap\" rel=\"stylesheet\">\n  <title>Pente<\/title>\n  <\/head>\n<body>\n<div id=\"plateau\">\n<h1 id=\"texte\">Cliquer pour commencer<\/h1>\n<p>Il faut aligner 4 pierres pour gagner<\/p>\n<\/div>\n    <\/body>\n\t<script src=\"script.js\"><\/script>\n\t<\/html><\/code><\/pre>\n\n\n\n
le .css<\/p>\n\n\n\n
#plateau {\n    width: 33%;\n    margin-left: 33%;\n    margin-top:50px;\n}\nh1 {\n\tcolor: #FF5733;\n\tfont-size: 30px;\n\twidth: 50%;\n    margin-left: 25%;\n\tfont-family: \"Bowlby One\", sans-serif;\n  font-weight: 400;\n  font-style: normal;\n  text-align: center;\n}\np {\n\tcolor: #FF5733;\n\tfont-size: 20px;\n\ttext-align: center;\n\twidth: 80%;\n    margin-left: 10%;\n\tfont-family: \"Bowlby One\", sans-serif;\n  font-weight: 400;\n  font-style: normal;\n}\nimg {\n    width: 9%;\n}<\/code><\/pre>\n\n\n\n
le JS<\/p>\n\n\n\n
var mon_plateau=document.getElementById(\"plateau\");\n\nfor ( var i=0;i<121;i++){\n\tvar mon_image=document.createElement(\"img\");\nmon_image.src=\"images\/bouton_vide.png\";\nmon_image.addEventListener(\"mousedown\",changer_image,false)\n\tmon_plateau.appendChild(mon_image);\n}\n\nvar joueur=1;\nvar texte=document.getElementById(\"texte\");\n\nfunction changer_image(evt){\n\t\n\tif (this.getAttribute(\"src\")==\"images\/bouton_vide.png\"){\n\t\tif (joueur==1) {\n\t\tthis.src=\"images\/bouton_1.png\";\n\tjoueur=2;\n\ttexte.textContent=\"Au joueur 2 de jouer\";\n\t}\n\telse {\n\t\tthis.src=\"images\/bouton_2.png\";\n\t\tjoueur=1;\n\t\ttexte.textContent=\"Au joueur 1 de jouer\";\n\t}\t\n\t}\n\t}\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
Un cours \u00e0 conna\u00eetre : T\u00e9lcharger les images suivantes : Le html le .css le…<\/p>\n
Read the postNSI : JS et HTML , evolution du tic-tac-toe vers pente<\/span><\/a><\/div>\n","protected":false},"author":2,"featured_media":1861,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[57],"tags":[],"_links":{"self":[{"href":"https:\/\/labodemaths.fr\/WordPress3\/wp-json\/wp\/v2\/posts\/2627"}],"collection":[{"href":"https:\/\/labodemaths.fr\/WordPress3\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/labodemaths.fr\/WordPress3\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/labodemaths.fr\/WordPress3\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/labodemaths.fr\/WordPress3\/wp-json\/wp\/v2\/comments?post=2627"}],"version-history":[{"count":7,"href":"https:\/\/labodemaths.fr\/WordPress3\/wp-json\/wp\/v2\/posts\/2627\/revisions"}],"predecessor-version":[{"id":2991,"href":"https:\/\/labodemaths.fr\/WordPress3\/wp-json\/wp\/v2\/posts\/2627\/revisions\/2991"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/labodemaths.fr\/WordPress3\/wp-json\/wp\/v2\/media\/1861"}],"wp:attachment":[{"href":"https:\/\/labodemaths.fr\/WordPress3\/wp-json\/wp\/v2\/media?parent=2627"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/labodemaths.fr\/WordPress3\/wp-json\/wp\/v2\/categories?post=2627"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/labodemaths.fr\/WordPress3\/wp-json\/wp\/v2\/tags?post=2627"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}