{"id":2688,"date":"2026-02-08T10:25:00","date_gmt":"2026-02-08T09:25:00","guid":{"rendered":"https:\/\/labodemaths.fr\/WordPress3\/?p=2688"},"modified":"2026-02-12T16:47:49","modified_gmt":"2026-02-12T15:47:49","slug":"nsi-tp-js-note-simon","status":"publish","type":"post","link":"https:\/\/labodemaths.fr\/WordPress3\/nsi-tp-js-note-simon\/","title":{"rendered":"NSI, TP JS NOTE SIMON"},"content":{"rendered":"\n

But du jeu : une couleur est tir\u00e9e al\u00e9atoirement, l’utilisateur marque un point lorsqu’il a cliqu\u00e9 sur l’image correspondant \u00e0 la bonne couleur. Une nouvelle couleur est alors tir\u00e9e.<\/p>\n\n\n\n

Bar\u00e8me : 5 points pour chacune des phases suivantes
– mise en place html, css et js ,
– interactions : la couleur est annonc\u00e9e au joueur, lorsqu’il clique sur une image, celle-ci est modifi\u00e9e,
– compteur : un compteur affiche le nombre de points marqu\u00e9s sur le nombre de tentatives,
– reset : une nouvelle couleur est tir\u00e9e et est annonc\u00e9e.<\/p>\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>SIMON<\/title>\n  <\/head>\n<body>\n<div id=\"plateau\">\n<p id=\"texte\">Cliquer sur la couleur<\/p>\n<h1 id=\"couleur\"><\/h1>\n    <img src=\"images\/rouge.png\">\n     <img src=\"images\/bleu.png\">\n     <img src=\"images\/jaune.png\">\n    <img src=\"images\/vert.png\">\n    <h1 id=\"score\">Score : <\/h1>\n    \n<\/div>\n    <\/body>\n\t<script src=\"script.js\"><\/script>\n\t<\/html><\/code><\/pre>\n\n\n\n
le css suivant<\/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: 45%;\n}<\/code><\/pre>\n\n\n\n
le js<\/p>\n\n\n\n
var portes=[\"rouge\",\"vert\",\"jaune\",\"bleu\"];\nvar couleur=portes[Math.floor(Math.random() * portes.length)];\nalert(couleur);\n\n   \n    <\/code><\/pre>\n\n\n\n
les images :<\/p>\n\n\n\n
images<\/a>T\u00e9l\u00e9charger<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"
But du jeu : une couleur est tir\u00e9e al\u00e9atoirement, l’utilisateur marque un point lorsqu’il a…<\/p>\n
Read the postNSI, TP JS NOTE SIMON<\/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\/2688"}],"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=2688"}],"version-history":[{"count":5,"href":"https:\/\/labodemaths.fr\/WordPress3\/wp-json\/wp\/v2\/posts\/2688\/revisions"}],"predecessor-version":[{"id":3055,"href":"https:\/\/labodemaths.fr\/WordPress3\/wp-json\/wp\/v2\/posts\/2688\/revisions\/3055"}],"wp:attachment":[{"href":"https:\/\/labodemaths.fr\/WordPress3\/wp-json\/wp\/v2\/media?parent=2688"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/labodemaths.fr\/WordPress3\/wp-json\/wp\/v2\/categories?post=2688"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/labodemaths.fr\/WordPress3\/wp-json\/wp\/v2\/tags?post=2688"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}