{"id":2389,"date":"2026-02-08T07:10:00","date_gmt":"2026-02-08T06:10:00","guid":{"rendered":"https:\/\/labodemaths.fr\/WordPress3\/?p=2389"},"modified":"2026-02-12T16:47:18","modified_gmt":"2026-02-12T15:47:18","slug":"nsi-tp-js-note","status":"publish","type":"post","link":"https:\/\/labodemaths.fr\/WordPress3\/nsi-tp-js-note\/","title":{"rendered":"NSI, TP JS not\u00e9 , Monty Hall"},"content":{"rendered":"\n

Le but du jeu :<\/p>\n\n\n\n

3 portes sont propos\u00e9es au joueur, derri\u00e8re 2 d’entre elles se cachent un monstre , derri\u00e8re la derni\u00e8re un tr\u00e9sor. L’utilisateur clique sur l’un des portes et doit d\u00e9couvrir ce qu’elle cache.
bar\u00e8me : 5 points pour chacune des \u00e9tapes suivantes :
– mise en place de la page html, du css, du js,
– mise en place d’une interaction : la carte se retourne lorsque l’on clique sur celle-ci,
– les cartes retourn\u00e9es correspondent \u00e0 la liste portes,
– reset : un message alert signifie si le joueur a gagn\u00e9 ou perdu, les cartes sont retourn\u00e9es et rem\u00e9lang\u00e9es.<\/p>\n\n\n\n

On consid\u00e8re le code html suivant<\/p>\n\n\n\n

<!DOCTYPE html>\n\n<html lang=\"fr\"><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>TP Monty Hall<\/title>\n<\/head>\n<body>\n    <p>Probl\u00e8me de Monty Hall<\/p>\n    <p>Un tresor se cache derri\u00e8re l'une de ces 3 portes.<\/p>\n    <p>Cliquer sur l'une d'elle pour essayer de le trouver.<\/p>\n    <p>Attention, derri\u00e8re les autres portes se cache un monstre !<\/p>\n    <img src=\"images\/porte.jpeg\">\n    <img src=\"images\/porte.jpeg\">\n    <img src=\"images\/porte.jpeg\">\n    <p>Score : <\/p>\n<\/body>\n<script src=\"script.js\"><\/script>\n<\/html><\/code><\/pre>\n\n\n\n
le js suivant<\/p>\n\n\n\n
var portes=[\"monstre\",\"tresor\",\"monstre\"];\non_melange();\nalert(portes);\n\n\nfunction on_melange(){\n    liste_melangee=[];\nfor (var i=0;i<3;i++){\n\tvar alea=Math.floor(Math.random() * portes.length);\n\tliste_melangee.push(portes[alea]);\n\tportes.splice(alea, 1);\n}\n    portes=liste_melangee; \n}<\/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: 25%;\n}<\/code><\/pre>\n\n\n\n
et les images suivantes :<\/p>\n\n\n\n
porte<\/a>T\u00e9l\u00e9charger<\/a><\/div>\n\n\n\n
monstre<\/a>T\u00e9l\u00e9charger<\/a><\/div>\n\n\n\n
tresor<\/a>T\u00e9l\u00e9charger<\/a><\/div>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
Le but du jeu : 3 portes sont propos\u00e9es au joueur, derri\u00e8re 2 d’entre elles…<\/p>\n
Read the postNSI, TP JS not\u00e9 , Monty Hall<\/span><\/a><\/div>\n","protected":false},"author":2,"featured_media":0,"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\/2389"}],"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=2389"}],"version-history":[{"count":7,"href":"https:\/\/labodemaths.fr\/WordPress3\/wp-json\/wp\/v2\/posts\/2389\/revisions"}],"predecessor-version":[{"id":3047,"href":"https:\/\/labodemaths.fr\/WordPress3\/wp-json\/wp\/v2\/posts\/2389\/revisions\/3047"}],"wp:attachment":[{"href":"https:\/\/labodemaths.fr\/WordPress3\/wp-json\/wp\/v2\/media?parent=2389"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/labodemaths.fr\/WordPress3\/wp-json\/wp\/v2\/categories?post=2389"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/labodemaths.fr\/WordPress3\/wp-json\/wp\/v2\/tags?post=2389"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}