JavaScript Practice

\n This is a simple demonstration page for you to see and try various ways\n that JavaScript can be used to change the contents of a web page. Remember\n that HTML, CSS and JavaScript all work together to create the contests,\n style, and actions that are present on a web page. Look at each of the\n files in the project to see how it contributes to the whole.\n

\n\n \n

Click the button to show the current time and date

\n\n

\n Move this slider to change the date's text size.\n \n

\n\n ⚙️\n \n","deleted","label","children",[],[167],{"_106":186,"_99":187,"_168":119,"_170":-5,"_171":149,"_172":173,"_174":121,"_108":188,"_103":33,"_176":189,"_178":190,"_180":22,"_181":-5,"_182":191,"_102":192},"b955e6ba-26c7-11f1-91ac-42dde27851f2","main.ts",["D",1774277467343],"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer(import.meta.url);",[],[187],{"_106":194,"_99":195,"_168":196,"_170":-5,"_171":149,"_172":148,"_174":121,"_108":197,"_103":198,"_176":199,"_178":200,"_180":22,"_181":-5,"_182":201,"_102":202},"8f0c724a-26d4-11f1-82b2-42dde27851f2","script.js","019d1b2d-9d55-71eb-83e8-e57deb7a8a99",["D",1774282979991],10,"script","//alert(\"Hi!\");\nloadSettings();\n\nfunction _click() {\n document.getElementById(\"date\").innerHTML = Date();\n document.getElementById(\"date\").style.color = \"red\";\n}\n\nfunction _changeSize(size) {\n //console.log(\"Size is: \" + size);\n document.getElementById(\"date\").style.fontSize = size + \"px\";\n}\n\nfunction _saveSettings() {\n console.log(\"Saving settings\");\n // add lines to store data here, like this:\n localStorage.setItem(\"Password\", \"password_check\");\n localStorage.setItem(\"darkmode\", \"true\");\n localStorage.setItem(\"Username\", \"zak\");\n localStorage.setItem(\"bgcolor\", \"#e0e0ee\");\n location.replace(\"index.html\");\n}\n\nfunction loadSettings() {\n // add lines to read data and set style here, like this\n const Password = localStorage.getItem(\"Password\");\n const bgcolor = localStorage.getItem(\"bgcolor\");\n const Username = localStorage.getItem(\"Username\");\n const darkmode = localStorage.getItem(\"darkmode\");\n}\nif (darkmode == \"true\") {\n document.documentElement.style.setProperty(\"--bg-color\", \"#001144\");\n document.documentElement.style.setProperty(\"--text-color\", \"#ffffff\");\n}\ndocument.documentElement.style.setProperty(\"--bg-color\", \"#001144\");\ndocument.documentElement.style.setProperty(\"--text-color\", \"#ffffff\");",[],[195],{"_106":204,"_99":205,"_168":206,"_170":-5,"_171":149,"_172":207,"_174":121,"_108":208,"_103":209,"_176":177,"_178":210,"_180":22,"_181":-5,"_182":211,"_102":212},"b8637580-26ca-11f1-9e0b-42dde27851f2","settings.html","019d1b2d-9d55-71eb-83e8-e9a53992f9fe",5,["D",1774278754385],3,"\n\n \n JS Practice\n \n \n \n \n \n \n

Settings

\n\n Background Color \n
\n Dark Mode\n
\n Username\n Password\n \n \n",[],[205],{"_106":214,"_99":215,"_168":216,"_170":-5,"_171":149,"_172":217,"_174":121,"_108":218,"_103":209,"_176":177,"_178":219,"_180":22,"_181":-5,"_182":220,"_102":221},"99445d6c-26cb-11f1-864a-42dde27851f2","style.css","019d1b2d-9d55-71eb-83e8-eee3a9a4406b",11,["D",1774279131652],":root {\n --text-color: #ffffff;\n --bg-color: #001144;\n}\n\n* {\n box-sizing: border-box;\n}\n\nbody {\n background-color: var(--bg-color);\n color: var(--text-color);\n max-width: 600px;\n margin: auto;\n}\n\n.settings {\n text-decoration: none;\n font-size: 3vw;\n position: absolute;\n top: 1vw;\n right: 1vw;\n}",[],[215],"files",[165,185,193,203,213],"counts",{"_226":33,"_227":173,"_228":33,"_229":230,"_233":234},"pulls","branches","forks","envVars",{"_231":33,"_232":33},"count","emptyCount","connections",{"_231":33,"_235":33},"unfilledCount","contents",[238,241,244,247,250],{"_106":166,"_99":167,"_168":169,"_170":-5,"_171":149,"_172":173,"_174":121,"_108":239,"_103":33,"_176":177,"_178":179,"_180":22,"_181":-5,"_102":240},["D",1774277467343],[167],{"_106":186,"_99":187,"_168":119,"_170":-5,"_171":149,"_172":173,"_174":121,"_108":242,"_103":33,"_176":189,"_178":190,"_180":22,"_181":-5,"_102":243},["D",1774277467343],[187],{"_106":194,"_99":195,"_168":196,"_170":-5,"_171":149,"_172":148,"_174":121,"_108":245,"_103":198,"_176":199,"_178":200,"_180":22,"_181":-5,"_102":246},["D",1774282979991],[195],{"_106":204,"_99":205,"_168":206,"_170":-5,"_171":149,"_172":207,"_174":121,"_108":248,"_103":209,"_176":177,"_178":210,"_180":22,"_181":-5,"_102":249},["D",1774278754385],[205],{"_106":214,"_99":215,"_168":216,"_170":-5,"_171":149,"_172":217,"_174":121,"_108":251,"_103":209,"_176":177,"_178":219,"_180":22,"_181":-5,"_102":252},["D",1774279131652],[215],"upstreamProject",{"_106":157,"_99":100,"_114":115,"_116":-5,"_112":113,"_23":255},{"_97":256,"_139":257},"ceculbe","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zN294dm1HMFFyZ0NhbWJUNmpBeEN3U0s1QWgifQ","upstreamBranch",{"_106":152,"_108":260,"_261":262,"_99":45,"_150":157,"_103":154,"_151":263,"_153":264,"_265":266,"_110":-5,"_162":22,"_112":113,"_161":256,"_16":159,"_160":100},["D",1773842928975],"updatedAt",["D",1774227802392],"70f419a8-ea65-11f0-9dd5-42dde27851f2",230,"lockfileKey","1774227807479-esm.town_v_ceculbe_js-practice@114-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name._index",{"_97":98,"_99":100,"_101":-7,"_103":-7,"_104":273,"_236":278,"_294":-7,"_295":296,"_299":-5,"_222":300,"_321":305,"_322":323,"_324":33,"_325":22,"_326":22},{"_106":107,"_99":100,"_108":274,"_110":-5,"_111":22,"_112":113,"_114":115,"_116":-5,"_14":117,"_118":119,"_120":121,"_122":-5,"_123":-5,"_124":33,"_16":125,"_126":-5,"_127":-5,"_128":-5,"_129":130,"_131":130,"_132":133,"_134":133,"_135":133,"_136":130,"_137":130,"_23":275,"_141":276,"_146":277,"_162":22},["D",1774277467343],{"_97":98,"_139":140},{"_97":98,"_143":140,"_14":117,"_144":145},{"_103":148,"_99":45,"_106":149,"_150":107,"_151":152,"_153":154,"_155":113,"_156":157,"_158":159,"_160":100,"_161":98},[279,282,285,288,291],{"_106":166,"_99":167,"_168":169,"_170":-5,"_171":149,"_172":173,"_174":121,"_108":280,"_103":33,"_176":177,"_178":179,"_180":22,"_181":-5,"_102":281},["D",1774277467343],[167],{"_106":186,"_99":187,"_168":119,"_170":-5,"_171":149,"_172":173,"_174":121,"_108":283,"_103":33,"_176":189,"_178":190,"_180":22,"_181":-5,"_102":284},["D",1774277467343],[187],{"_106":194,"_99":195,"_168":196,"_170":-5,"_171":149,"_172":148,"_174":121,"_108":286,"_103":198,"_176":199,"_178":200,"_180":22,"_181":-5,"_102":287},["D",1774282979991],[195],{"_106":204,"_99":205,"_168":206,"_170":-5,"_171":149,"_172":207,"_174":121,"_108":289,"_103":209,"_176":177,"_178":210,"_180":22,"_181":-5,"_102":290},["D",1774278754385],[205],{"_106":214,"_99":215,"_168":216,"_170":-5,"_171":149,"_172":217,"_174":121,"_108":292,"_103":209,"_176":177,"_178":219,"_180":22,"_181":-5,"_102":293},["D",1774279131652],[215],"readme","upstream",{"_106":152,"_108":297,"_261":298,"_99":45,"_150":157,"_103":154,"_151":263,"_153":264,"_265":266,"_110":-5,"_162":22,"_112":113,"_161":256,"_16":159,"_160":100},["D",1773842928975],["D",1774227802392],"pull",[301,305,309,313,317],{"_106":166,"_99":167,"_168":169,"_170":-5,"_171":149,"_172":173,"_174":121,"_108":302,"_103":33,"_176":177,"_178":179,"_180":22,"_181":-5,"_182":303,"_102":304},["D",1774277467343],[],[167],{"_106":186,"_99":187,"_168":119,"_170":-5,"_171":149,"_172":173,"_174":121,"_108":306,"_103":33,"_176":189,"_178":190,"_180":22,"_181":-5,"_182":307,"_102":308},["D",1774277467343],[],[187],{"_106":194,"_99":195,"_168":196,"_170":-5,"_171":149,"_172":148,"_174":121,"_108":310,"_103":198,"_176":199,"_178":200,"_180":22,"_181":-5,"_182":311,"_102":312},["D",1774282979991],[],[195],{"_106":204,"_99":205,"_168":206,"_170":-5,"_171":149,"_172":207,"_174":121,"_108":314,"_103":209,"_176":177,"_178":210,"_180":22,"_181":-5,"_182":315,"_102":316},["D",1774278754385],[],[205],{"_106":214,"_99":215,"_168":216,"_170":-5,"_171":149,"_172":217,"_174":121,"_108":318,"_103":209,"_176":177,"_178":219,"_180":22,"_181":-5,"_182":319,"_102":320},["D",1774279131652],[],[215],"preview","ahead",16,"behind","showHomeCustomizationHint","showHTTPPreviewSettingsHint","actionData","errors"]

zakattack3289

js-practice