{"id":89,"date":"2022-01-03T16:51:08","date_gmt":"2022-01-03T15:51:08","guid":{"rendered":"http:\/\/yb-isn.fr\/2021\/nsi\/olga\/?p=89"},"modified":"2022-01-03T17:19:59","modified_gmt":"2022-01-03T16:19:59","slug":"mes-scripts-du-web","status":"publish","type":"post","link":"http:\/\/yb-isn.fr\/2021\/nsi\/olga\/2022\/01\/03\/mes-scripts-du-web\/","title":{"rendered":"Mes scripts du web"},"content":{"rendered":"\n<p><strong>Page d&rsquo;accueil<\/strong>    <strong>:<\/strong> <\/p>\n\n\n\n<p><a href=\"https:\/\/nsi2021-2022.neocities.org\/\">https:\/\/nsi2021-2022.neocities.org\/<\/a><\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;html lang=\"fr\"&gt;&lt;head&gt;\n&lt;link href=\"\/style.css\" rel=\"stylesheet\" type=\"text\/css\" media=\"all\"&gt;\n\n&lt;meta charset=\"utf-8\"&gt;\n&lt;title&gt;Nsi&lt;\/title&gt;\n&lt;\/head&gt;\n&lt;body onload=\"backgr()\" style=\"background-size: cover; background-attachment: fixed; background-repeat: no-repeat;\" background=\"retro.jpg\"&gt;\n    \n\n&lt;center&gt;\n\n  &lt;p id=\"demo\"&gt;Mon Jan 03 2022 16:35:26 GMT+0100 (heure normale d\u2019Europe centrale)&lt;\/p&gt;\n\n&lt;script&gt;\nconst d = new Date();\ndocument.getElementById(\"demo\").innerHTML = d;\n&lt;\/script&gt;\n    \n  &lt;h1 style=\"background-color:#006BFF \"&gt;Ma page cod\u00e9e en HTML&lt;\/h1&gt;\n  \n  &lt;p&gt; Bonjour! Je suis une \u00e9l\u00e8ve de premi\u00e8re et \u00e7a c'est mon site web sur lequel je publierai de tout:&lt;\/p&gt;\n  \n  &lt;div style=\"display:flex\" alt=\"image\" width=\"200\" height=\"auto\"&gt;\n\n&lt;div class=\".\"&gt;\n      &lt;a href=\"lu.html\"&gt;&lt;img src=\"liensu.png\" width=\"310\" height=\"auto\"&gt; \n      &lt;\/a&gt;\n    &lt;\/div&gt;\n\n  &lt;div class=\".\"&gt;\n      &lt;a href=\"histoire.html\"&gt;&lt;img src=\"histoirebouton.png\" width=\"300\" height=\"auto\"&gt; \n      &lt;\/a&gt;\n    &lt;\/div&gt;\n     \n  &lt;div class=\".\"&gt;\n      &lt;a href=\"games.html\"&gt;&lt;img src=\"Jeuxbouton.png\" width=\"280\" height=\"auto\"&gt; \n      &lt;\/a&gt;\n    &lt;\/div&gt;\n  \n  &lt;div class=\".\"&gt;\n      &lt;a href=\"musique.html\"&gt;&lt;img src=\"musique.png\" width=\"300\" height=\"auto\"&gt; \n      &lt;\/a&gt;\n\n&lt;\/div&gt;\n\n&lt;\/div&gt;\n  \n  \n  &lt;p&gt;Cliquez sur le bouton pour enregistrer votre pseudo&lt;\/p&gt;\n&lt;button onclick=\"myFunction()\"&gt;Cliquez&lt;\/button&gt;\n&lt;p id=\"test\"&gt;&lt;\/p&gt;\n&lt;script&gt;\nfunction myFunction() {\n  var nom = prompt(\"Entrez votre nom\",\"pseudo\");\n    document.getElementById(\"test\").innerHTML =\n    \"Bienvenue \" + nom + \"!\";\n  }\n&lt;\/script&gt;\n\n\n\n\n   \n  \n  \n\n\n\n&lt;\/center&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/pre>\n\n\n\n<p><strong>Page Historique  :<\/strong><\/p>\n\n\n\n<p><a href=\"https:\/\/nsi2021-2022.neocities.org\/histoire.html\">https:\/\/nsi2021-2022.neocities.org\/histoire.html<\/a><\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;html&gt;\n&lt;head&gt;\n    &lt;meta charset=\"UTF-8\"&gt;\n    &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n    &lt;title&gt;Historique&lt;\/title&gt;\n    &lt;!-- The style.css file allows you to change the look of your web pages.\n         If you include the next line in all your web pages, they will all share the same look.\n         This makes it easier to make new pages for your site. --&gt;\n    &lt;link href=\"\/style.css\" rel=\"stylesheet\" type=\"text\/css\" media=\"all\"&gt;\n  &lt;\/head&gt;\n  &lt;body onload=\"backgr()\" style=\"background-size: cover; background-attachment: fixed; background-repeat: no-repeat;\" background=\"screens.png\"&gt;\n    \n  \n  \n  &lt;center&gt;\n\n     &lt;header&gt;\n    &lt;h2 style=\"background-color:#006BFF \"&gt;&lt;img src=\"screen.gif\" width=\"50\" height=\"auto\"&gt;Histoire de l'internet et du web&lt;img src=\"screen.gif\" width=\"50\" height=\"auto\"&gt;&lt;\/h2&gt;\n    \n    \n    &lt;img src=\"1990.png\" width=\"500\" height=\"auto\"&gt;\n    &lt;\/header&gt;\n   \n   \n   \n   &lt;h2&gt; Tim Berners Lee &lt;\/h2&gt;\n    &lt;br&gt;      \n    \n    &lt;img src=\"https:\/\/thepressfree.com\/wp-content\/uploads\/2021\/06\/b0e0bb8b-8a01-4da0-8ac6-4e961dc42eba.jpg\" width=\"800\" height=\"auto\" alt=\"image Tim Berner Lee\"&gt;&lt;br&gt;    \n    \n    &lt;p&gt;\n        Timothy John Berners Lee est un informaticien britannique et aussi le principal inventeur du World Wide Web (WWW).\nEn cr\u00e9ant le Web, Tim Berners-Lee a invent\u00e9 trois fa\u00e7ons de programmation: les adresses Web sous forme d'URL, le protocole de communication HTTP, et le langage informatique HTML. Il fut aid\u00e9 \u00e0 ses d\u00e9buts par l'ing\u00e9nieur et informaticien belge Robert Cailliau qui cosigna notamment avec lui, en novembre 1990, un document d\u00e9sormais entr\u00e9 dans l'Histoire et intitul\u00e9 &lt;em&gt;\u00ab WorldWideWeb : Proposition pour un projet hypertexte\u00bb&lt;\/em&gt;.\n    &lt;br&gt;\n            \n    &lt;a href=\"https:\/\/fr.wikipedia.org\/wiki\/Tim_Berners-Lee\"&gt;&lt;font color=\"purple\"&gt;En savoir plus&lt;\/font&gt; &lt;\/a&gt;\n    &lt;br&gt;\n    &lt;a href=\"https:\/\/www.youtube.com\/watch?v=PbCG_BeL5dY\"&gt;&lt;font color=\"purple\"&gt;Vid\u00e9o&lt;\/font&gt;&lt;\/a&gt;\n    &lt;\/p&gt; \n    \n    &lt;div class=\"Home\"&gt;\n      &lt;a href=\"index.html\"&gt;&lt;img src=\"home.png\" width=\"100\" height=\"auto\"&gt; \n      &lt;\/a&gt;\n    &lt;\/div&gt;\n\n    \n    &lt;\/center&gt;\n    \n&lt;\/body&gt;\n&lt;\/html&gt;<\/pre>\n\n\n\n<p><strong>Page Liens Utiles :<\/strong><\/p>\n\n\n\n<p><a href=\"https:\/\/nsi2021-2022.neocities.org\/lu.html\">https:\/\/nsi2021-2022.neocities.org\/lu.html<\/a><\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;html lang=\"fr\"&gt;\n&lt;head&gt;\n&lt;link href=\"\/style.css\" rel=\"stylesheet\" type=\"text\/css\" media=\"all\"&gt;\n\n&lt;meta charset=\"utf-8\"&gt;\n&lt;title&gt;Nsi&lt;\/title&gt;\n  &lt;\/head&gt;\n  &lt;body onload=\"backgr()\" style=\"background-size: cover; background-attachment: fixed; background-repeat: no-repeat;\" background=\"train.png\"&gt;\n    &lt;h1 style=\"background-color:#006BFF \"&gt;Liens utiles&lt;\/h1&gt;\n \n &lt;p&gt;&lt;a href=\"yb-isn.fr\/2021\/nsi\/?p=353\"&gt;&lt;font color=\"white\"&gt;Le cours&lt;\/font&gt;&lt;\/a&gt;.&lt;\/p&gt;\n &lt;p&gt;&lt;a href=\"https:\/\/www.w3schools.com\/js\/js_math.asp\"&gt;&lt;font color=\"white\"&gt;Calculs sur javascript&lt;\/font&gt;&lt;\/a&gt;.&lt;\/p&gt;\n&lt;p&gt;&lt;a href=\"https:\/\/www.w3schools.com\/js\/tryit.asp?filename=tryjs_variables\"&gt;&lt;font color=\"white\"&gt;Essai du programme en ligne&lt;\/font&gt;&lt;\/a&gt;.&lt;\/p&gt; \n \n \n &lt;div class=\"Home\"&gt;\n      &lt;a href=\"index.html\"&gt;&lt;img src=\"home.png\" width=\"100\" height=\"auto\"&gt; \n      &lt;\/a&gt;\n    &lt;\/div&gt;\n\n &lt;\/body&gt;\n&lt;\/html&gt;<\/pre>\n\n\n\n<p><strong>Page Jeux j&rsquo;ai mis le script d&rsquo;une calculatrice pour faire plus tard un jeu sur le calcul mental en utilisant 2 nombres :<\/strong><\/p>\n\n\n\n<p><a href=\"https:\/\/nsi2021-2022.neocities.org\/games.html\">https:\/\/nsi2021-2022.neocities.org\/games.html<\/a><\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;html lang=\"fr\"&gt;&lt;head&gt;\n&lt;link href=\"\/style.css\" rel=\"stylesheet\" type=\"text\/css\" media=\"all\"&gt;\n\n&lt;meta charset=\"utf-8\"&gt;\n&lt;title&gt;Nsi&lt;\/title&gt;\n  &lt;\/head&gt;\n  &lt;body onload=\"backgr()\" style=\"background-size: cover; background-attachment: fixed; background-repeat: no-repeat;\" background=\"gamertr.jpg\"&gt;\n    &lt;h1 style=\"background-color:#006BFF \"&gt;Jeux programm\u00e9s avec Javascript&lt;\/h1&gt;\n\n \n    &lt;link rel=\"icon\" href=\"alea.ico\"&gt;\n    &lt;title&gt;Alea&lt;\/title&gt;\n    &lt;meta charset=\"UTF-8\"&gt;\n    &lt;script src=\"alea.js\"&gt;&lt;\/script&gt;\n        &lt;h2&gt;tirage al\u00e9atoire&lt;\/h2&gt;\n        &lt;p&gt;Saisir un nombre entre 1 et 10:&lt;\/p&gt;\n        &lt;input id=\"nombre\"&gt;\n        &lt;button type=\"button\" onclick=\"myFunction()\"&gt;Envoyer&lt;\/button&gt;\n        &lt;h3 id=\"reponse\"&gt;&lt;\/h3&gt;\n        \n      &lt;p&gt; Calculatrice&lt;\/p&gt;\n      \n       &lt;script&gt; \n         \/\/fonction qui \u00e9value le chiffre et renvoie la sortie\n         function calculer() \n         { \n             let a = document.getElementById(\"output\").value \n             let b = eval(a) \n             document.getElementById(\"output\").value = b \n         } \n         \/\/fonction qui affiche la valeur\n         function afficher(val) \n         { \n             document.getElementById(\"output\").value+=val \n         } \n         \/\/fonction qui efface l'\u00e9cran \n         function effacer() \n         { \n             document.getElementById(\"output\").value = \"\" \n         } \n      &lt;\/script&gt;\n      &lt;style&gt;\n        td button{width:100%}\n      &lt;\/style&gt;\n    \n      &lt;table border=\"1\"&gt; \n         &lt;tbody&gt;&lt;tr&gt; \n            &lt;td colspan=\"3\"&gt;&lt;input id=\"output\"&gt;&lt;\/td&gt; \n            &lt;td&gt;&lt;button onclick=\"effacer()\"&gt;c&lt;\/button&gt;&lt;\/td&gt; \n         &lt;\/tr&gt; \n         &lt;tr&gt; \n            &lt;td&gt;&lt;button onclick=\"afficher('1')\"&gt;1&lt;\/button&gt;&lt;\/td&gt; \n            &lt;td&gt;&lt;button onclick=\"afficher('2')\"&gt;2&lt;\/button&gt;&lt;\/td&gt; \n            &lt;td&gt;&lt;button onclick=\"afficher('3')\"&gt;3&lt;\/button&gt;&lt;\/td&gt; \n            &lt;td&gt;&lt;button onclick=\"afficher('+')\"&gt;+&lt;\/button&gt;&lt;\/td&gt; \n         &lt;\/tr&gt; \n         &lt;tr&gt; \n            &lt;td&gt;&lt;button onclick=\"afficher('4')\"&gt;4&lt;\/button&gt;&lt;\/td&gt; \n            &lt;td&gt;&lt;button onclick=\"afficher('5')\"&gt;5&lt;\/button&gt;&lt;\/td&gt; \n            &lt;td&gt;&lt;button onclick=\"afficher('6')\"&gt;6&lt;\/button&gt;&lt;\/td&gt; \n            &lt;td&gt;&lt;button onclick=\"afficher('-')\"&gt;-&lt;\/button&gt;&lt;\/td&gt; \n         &lt;\/tr&gt; \n         &lt;tr&gt; \n            &lt;td&gt;&lt;button onclick=\"afficher('7')\"&gt;7&lt;\/button&gt;&lt;\/td&gt; \n            &lt;td&gt;&lt;button onclick=\"afficher('8')\"&gt;8&lt;\/button&gt;&lt;\/td&gt; \n            &lt;td&gt;&lt;button onclick=\"afficher('9')\"&gt;9&lt;\/button&gt;&lt;\/td&gt; \n            &lt;td&gt;&lt;button onclick=\"afficher('*')\"&gt;*&lt;\/button&gt;&lt;\/td&gt; \n         &lt;\/tr&gt; \n         &lt;tr&gt;\n            &lt;td&gt;&lt;button onclick=\"afficher('.')\"&gt;.&lt;\/button&gt;&lt;\/td&gt; \n            &lt;td&gt;&lt;button onclick=\"afficher('0')\"&gt;0&lt;\/button&gt;&lt;\/td&gt; \n            &lt;td&gt;&lt;button onclick=\"calculer()\"&gt;=&lt;\/button&gt;&lt;\/td&gt; \n            &lt;td&gt;&lt;button onclick=\"afficher('\/')\"&gt;\/&lt;\/button&gt;&lt;\/td&gt; \n         &lt;\/tr&gt; \n      &lt;\/tbody&gt;&lt;\/table&gt; \n        \n        \n    &lt;div class=\"Home\"&gt;\n      &lt;a href=\"index.html\"&gt;&lt;img src=\"home.png\" width=\"100\" height=\"auto\"&gt; \n      &lt;\/a&gt;\n    &lt;\/div&gt;\n\n  \n  \n\n&lt;\/body&gt;&lt;\/html&gt;<\/pre>\n\n\n\n<p><strong>Partie suppl\u00e9mentaire: musique<\/strong> <\/p>\n\n\n\n<p><a href=\"https:\/\/nsi2021-2022.neocities.org\/musique.html\">https:\/\/nsi2021-2022.neocities.org\/musique.html<\/a><\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;!DOCTYPE html&gt;\n&lt;html lang=\"fr\"&gt;\n&lt;head&gt;\n&lt;link href=\"\/style.css\" rel=\"stylesheet\" type=\"text\/css\" media=\"all\"&gt;\n\n&lt;meta charset=\"utf-8\"\/&gt;\n&lt;title&gt;Nsi&lt;\/title&gt;\n\n\n    &lt;link href=\"\/style.css\" rel=\"stylesheet\" type=\"text\/css\" media=\"all\"&gt;\n  &lt;\/head&gt;\n  &lt;body onload=\"backgr()\" style=\"background-size: cover; background-attachment: fixed; background-repeat: no-repeat;\" background=\"room.jpg\"&gt;\n  \n  &lt;h1 style=\"background-color:#006BFF \"&gt; Coin des musiques r\u00e9tro \ud83c\udfb6&lt;\/h1&gt;\n  \n    &lt;p&gt;&lt;a href=\"https:\/\/youtu.be\/zATXtSjPwZM\"&gt;&lt;font size=\"5.5\"&gt;&lt;font color=\"white\"&gt;RetroWave Mix&lt;\/font&gt;&lt;\/font&gt;&lt;\/a&gt;.&lt;\/p&gt;\n    &lt;p&gt;&lt;a href=\"https:\/\/youtu.be\/8GW6sLrK40k\"&gt;&lt;font color=\"white\"&gt;HOME - Resonance&lt;\/font&gt;&lt;\/a&gt;.&lt;\/p&gt;\n    &lt;p&gt;&lt;a href=\"https:\/\/youtu.be\/TS5J_cjzKvI\"&gt;&lt;font color=\"white\"&gt;W O L F C L U B - Summer Lights&lt;\/font&gt;&lt;\/a&gt;.&lt;\/p&gt;\n    &lt;p&gt;&lt;a href=\"https:\/\/youtu.be\/NZf15xVrOW8\"&gt;&lt;font color=\"white\"&gt;Zombie Hyperdrive - Red Eyes&lt;\/font&gt;&lt;\/a&gt;.&lt;\/p&gt;\n    &lt;p&gt;&lt;a href=\"https:\/\/youtu.be\/qIz-9CHVQUc\"&gt;&lt;font color=\"white\"&gt;The Midnight - Jason (Official Audio)&lt;\/font&gt;&lt;\/a&gt;.&lt;\/p&gt;\n    &lt;p&gt;&lt;a href=\"https:\/\/youtu.be\/LXx8-iEX7cs\"&gt;&lt;font color=\"white\"&gt;Michael Oakley - Turn Back Time&lt;\/font&gt;&lt;\/a&gt;.&lt;\/p&gt;\n    &lt;p&gt;&lt;a href=\"https:\/\/youtu.be\/oydn7uDt3R4\"&gt;&lt;font color=\"white\"&gt;TLF - Honey H.I.V.E&lt;\/font&gt;&lt;\/a&gt;.&lt;\/p&gt;\n    &lt;p&gt;&lt;a href=\"https:\/\/youtu.be\/3Ax6jTZlu_g\"&gt;&lt;font color=\"white\"&gt;HOME - Pyxis&lt;\/font&gt;&lt;\/a&gt;.&lt;\/p&gt;\n    &lt;p&gt;&lt;a href=\"https:\/\/youtu.be\/9Ty-qFZZPZk\"&gt;&lt;font color=\"white\"&gt;HOME - Hold&lt;\/font&gt;&lt;\/a&gt;.&lt;\/p&gt;\n    &lt;p&gt;&lt;a href=\"https:\/\/youtu.be\/BiZFOnp5WBo\"&gt;&lt;font color=\"white\"&gt;HOME - Dusk&lt;\/font&gt;&lt;\/a&gt;.&lt;\/p&gt;\n    \n  \n\n \n &lt;div class=\"Home\"&gt;\n      &lt;a href=\"index.html\"&gt;&lt;img src=\"home.png\" \n       width=\"100\" \n     height=auto&gt; \n      &lt;\/a&gt;\n    &lt;\/div&gt;\n\n\n\n\n\n\n\n\n\n  &lt;\/body&gt;\n&lt;\/html&gt;\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Page d&rsquo;accueil : https:\/\/nsi2021-2022.neocities.org\/ Page Historique : https:\/\/nsi2021-2022.neocities.org\/histoire.html Page Liens Utiles : https:\/\/nsi2021-2022.neocities.org\/lu.html Page Jeux j&rsquo;ai mis le script d&rsquo;une calculatrice pour faire plus tard un jeu sur le calcul mental en utilisant 2 nombres : https:\/\/nsi2021-2022.neocities.org\/games.html Partie suppl\u00e9mentaire: musique https:\/\/nsi2021-2022.neocities.org\/musique.html<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"http:\/\/yb-isn.fr\/2021\/nsi\/olga\/wp-json\/wp\/v2\/posts\/89"}],"collection":[{"href":"http:\/\/yb-isn.fr\/2021\/nsi\/olga\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/yb-isn.fr\/2021\/nsi\/olga\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/yb-isn.fr\/2021\/nsi\/olga\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/yb-isn.fr\/2021\/nsi\/olga\/wp-json\/wp\/v2\/comments?post=89"}],"version-history":[{"count":7,"href":"http:\/\/yb-isn.fr\/2021\/nsi\/olga\/wp-json\/wp\/v2\/posts\/89\/revisions"}],"predecessor-version":[{"id":102,"href":"http:\/\/yb-isn.fr\/2021\/nsi\/olga\/wp-json\/wp\/v2\/posts\/89\/revisions\/102"}],"wp:attachment":[{"href":"http:\/\/yb-isn.fr\/2021\/nsi\/olga\/wp-json\/wp\/v2\/media?parent=89"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/yb-isn.fr\/2021\/nsi\/olga\/wp-json\/wp\/v2\/categories?post=89"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/yb-isn.fr\/2021\/nsi\/olga\/wp-json\/wp\/v2\/tags?post=89"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}