JS Practice

\n \n

1 / 3

\n \n

Caption Text

\n\n

2 / 3

\n \n

Caption Two

\n\n

3 / 3

\n \n

Caption Three

\n\n \n ❮\n ❯\n

\n
\n\n \n

\n \n \n \n

\n \n","deleted","label","children",[],[166],{"_106":186,"_99":187,"_167":119,"_169":-5,"_170":149,"_171":188,"_173":121,"_108":189,"_103":33,"_176":190,"_178":191,"_180":22,"_181":-5,"_182":192,"_102":193},"12e6302e-2856-11f1-901b-42dde27851f2","main.ts",1,["D",1774448557167],"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer(import.meta.url);",[],[187],{"_106":195,"_99":196,"_167":197,"_169":-5,"_170":149,"_171":148,"_173":121,"_108":198,"_103":199,"_176":200,"_178":201,"_180":22,"_181":-5,"_182":202,"_102":203},"6751130e-2923-11f1-b258-42dde27851f2","script.js","019d2560-3d7f-725c-a17e-3b9404a1ace3",["D",1774536745901],8,"script","let slideIndex = 1;\nshowSlides(slideIndex);\n\n// Next/previous controls\nfunction plusSlides(n) {\n showSlides(slideIndex += n);\n}\n\n// Thumbnail image controls\nfunction currentSlide(n) {\n showSlides(slideIndex = n);\n}\n\nfunction showSlides(n) {\n let i;\n let slides = document.getElementsByClassName(\"mySlides\");\n let dots = document.getElementsByClassName(\"dot\");\n if (n > slides.length) slideIndex = 1;\n if (n < 1) slideIndex = slides.length;\n for (i = 0; i < slides.length; i++) {\n slides[i].style.display = \"none\";\n }\n for (i = 0; i < dots.length; i++) {\n dots[i].className = dots[i].className.replace(\" active\", \"\");\n }\n slides[slideIndex - 1].style.display = \"block\";\n dots[slideIndex - 1].className += \" active\";\n}\n setTimeout(showSlides, 2000); // Change image every 2 seconds\n}",[],[196],{"_106":205,"_99":206,"_167":207,"_169":-5,"_170":149,"_171":208,"_173":121,"_108":209,"_103":188,"_176":177,"_178":210,"_180":22,"_181":-5,"_182":211,"_102":212},"4e87ad60-2856-11f1-9b1f-42dde27851f2","style.css","019d2560-3d7f-725c-a17e-43289bdc46bf",3,["D",1774448657484],"* {box-sizing:border-box}\n\n/* Slideshow container */\n.slideshow-container {\n max-width: 1000px;\n position: relative;\n margin: auto;\n}\n\n/* Hide the images by default */\n.mySlides {\n display: none;\n}\n\n/* Next & previous buttons */\n.prev, .next {\n cursor: pointer;\n position: absolute;\n top: 50%;\n width: auto;\n margin-top: -22px;\n padding: 16px;\n color: white;\n font-weight: bold;\n font-size: 18px;\n transition: 0.6s ease;\n border-radius: 0 3px 3px 0;\n user-select: none;\n}\n\n/* Position the \"next button\" to the right */\n.next {\n right: 0;\n border-radius: 3px 0 0 3px;\n}\n\n/* On hover, add a black background color with a little bit see-through */\n.prev:hover, .next:hover {\n background-color: rgba(0,0,0,0.8);\n}\n\n/* Caption text */\n.text {\n color: #f2f2f2;\n font-size: 15px;\n padding: 8px 12px;\n position: absolute;\n bottom: 8px;\n width: 100%;\n text-align: center;\n}\n\n/* Number text (1/3 etc) */\n.numbertext {\n color: #f2f2f2;\n font-size: 12px;\n padding: 8px 12px;\n position: absolute;\n top: 0;\n}\n\n/* The dots/bullets/indicators */\n.dot {\n cursor: pointer;\n height: 15px;\n width: 15px;\n margin: 0 2px;\n background-color: #bbb;\n border-radius: 50%;\n display: inline-block;\n transition: background-color 0.6s ease;\n}\n\n.active, .dot:hover {\n background-color: #717171;\n}\n\n/* Fading animation */\n.fade {\n animation-name: fade;\n animation-duration: 1.5s;\n}\n\n@keyframes fade {\n from {opacity: .4}\n to {opacity: 1}\n}",[],[206],"files",[164,185,194,204],"counts",{"_217":33,"_218":188,"_219":33,"_220":221,"_224":225},"pulls","branches","forks","envVars",{"_222":33,"_223":33},"count","emptyCount","connections",{"_222":33,"_226":33},"unfilledCount","contents",[229,232,235,238],{"_106":165,"_99":166,"_167":168,"_169":-5,"_170":149,"_171":172,"_173":121,"_108":230,"_103":175,"_176":177,"_178":179,"_180":22,"_181":-5,"_102":231},["D",1774535530283],[166],{"_106":186,"_99":187,"_167":119,"_169":-5,"_170":149,"_171":188,"_173":121,"_108":233,"_103":33,"_176":190,"_178":191,"_180":22,"_181":-5,"_102":234},["D",1774448557167],[187],{"_106":195,"_99":196,"_167":197,"_169":-5,"_170":149,"_171":148,"_173":121,"_108":236,"_103":199,"_176":200,"_178":201,"_180":22,"_181":-5,"_102":237},["D",1774536745901],[196],{"_106":205,"_99":206,"_167":207,"_169":-5,"_170":149,"_171":208,"_173":121,"_108":239,"_103":188,"_176":177,"_178":210,"_180":22,"_181":-5,"_102":240},["D",1774448657484],[206],"upstreamProject",{"_106":157,"_99":243,"_114":115,"_116":-5,"_112":113,"_23":244},"js-practice",{"_97":98,"_139":140},"upstreamBranch",{"_106":152,"_108":247,"_248":249,"_99":45,"_150":157,"_103":154,"_151":250,"_153":251,"_252":253,"_110":-5,"_161":22,"_112":113,"_160":98,"_16":125,"_159":243},["D",1774277467343],"updatedAt",["D",1774363769831],"fc3864dc-22d3-11f1-87e2-42dde27851f2",114,"lockfileKey","1774363773203-esm.town_v_zakattack3289_js-practice@36-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name._index",{"_97":98,"_99":100,"_101":-7,"_103":-7,"_104":260,"_227":265,"_278":-7,"_279":280,"_283":-5,"_213":284,"_301":289,"_302":303,"_304":33,"_305":22,"_306":22},{"_106":107,"_99":100,"_108":261,"_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":262,"_141":263,"_146":264,"_161":22},["D",1774448557167],{"_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":125,"_159":100,"_160":98},[266,269,272,275],{"_106":165,"_99":166,"_167":168,"_169":-5,"_170":149,"_171":172,"_173":121,"_108":267,"_103":175,"_176":177,"_178":179,"_180":22,"_181":-5,"_102":268},["D",1774535530283],[166],{"_106":186,"_99":187,"_167":119,"_169":-5,"_170":149,"_171":188,"_173":121,"_108":270,"_103":33,"_176":190,"_178":191,"_180":22,"_181":-5,"_102":271},["D",1774448557167],[187],{"_106":195,"_99":196,"_167":197,"_169":-5,"_170":149,"_171":148,"_173":121,"_108":273,"_103":199,"_176":200,"_178":201,"_180":22,"_181":-5,"_102":274},["D",1774536745901],[196],{"_106":205,"_99":206,"_167":207,"_169":-5,"_170":149,"_171":208,"_173":121,"_108":276,"_103":188,"_176":177,"_178":210,"_180":22,"_181":-5,"_102":277},["D",1774448657484],[206],"readme","upstream",{"_106":152,"_108":281,"_248":282,"_99":45,"_150":157,"_103":154,"_151":250,"_153":251,"_252":253,"_110":-5,"_161":22,"_112":113,"_160":98,"_16":125,"_159":243},["D",1774277467343],["D",1774363769831],"pull",[285,289,293,297],{"_106":165,"_99":166,"_167":168,"_169":-5,"_170":149,"_171":172,"_173":121,"_108":286,"_103":175,"_176":177,"_178":179,"_180":22,"_181":-5,"_182":287,"_102":288},["D",1774535530283],[],[166],{"_106":186,"_99":187,"_167":119,"_169":-5,"_170":149,"_171":188,"_173":121,"_108":290,"_103":33,"_176":190,"_178":191,"_180":22,"_181":-5,"_182":291,"_102":292},["D",1774448557167],[],[187],{"_106":195,"_99":196,"_167":197,"_169":-5,"_170":149,"_171":148,"_173":121,"_108":294,"_103":199,"_176":200,"_178":201,"_180":22,"_181":-5,"_182":295,"_102":296},["D",1774536745901],[],[196],{"_106":205,"_99":206,"_167":207,"_169":-5,"_170":149,"_171":208,"_173":121,"_108":298,"_103":188,"_176":177,"_178":210,"_180":22,"_181":-5,"_182":299,"_102":300},["D",1774448657484],[],[206],"preview","ahead",15,"behind","showHomeCustomizationHint","showHTTPPreviewSettingsHint","actionData","errors"]

zakattack3289

js-practice1