{"id":280,"date":"2026-05-28T08:13:38","date_gmt":"2026-05-28T08:13:38","guid":{"rendered":"https:\/\/proces.carlemilfaester.dk\/?page_id=280"},"modified":"2026-05-28T11:35:22","modified_gmt":"2026-05-28T11:35:22","slug":"javascript-projekt","status":"publish","type":"page","link":"https:\/\/proces.carlemilfaester.dk\/?page_id=280","title":{"rendered":"JavaScript Projekt"},"content":{"rendered":"\n

Opgaven<\/strong><\/h3>\n\n\n\n

I dette projekt var opgaven at tilf\u00f8je JavaScript til en eksisterende hjemmeside og derefter producere en video, hvor vi i gruppen p\u00e5 skift forklarede en lille del af vores samlede JavaScript-pensum med udgangspunkt i den kode, vi havde arbejdet med.<\/p>\n\n\n\n

Vi startede ud med at bruge ret lang tid p\u00e5 at brainstorme og lede efter en hjemmeside som ikke havde s\u00e5 meget html eller css. Efter en ret lang s\u00f8gen p\u00e5 google p\u00e5 forskellige hjemmesider som vi kom i tanke om, endte vi p\u00e5 spillet Wordle. Vi t\u00e6nkte, at der var stor mulighed for at n\u00e5 gennem pensum i JavaScript, p\u00e5 grund af spillets interaktivitet og logik.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Programmering og brug af AI<\/strong><\/h3>\n\n\n\n

Da form\u00e5let med projektet prim\u00e6rt var at vise vores forst\u00e5else af JavaScript, besluttede vi os for ikke at bruge al for meget tid p\u00e5 at ops\u00e6tte strukturen og designet fra bunden af. Vi brugte derfor AI til at generere al HTML og CSS for os, s\u00e5 vi hurtigt kunne komme i gang med det, opgaven egentlig handlede om. Vi rettede selv til i den genererede kode der hvor det gav mening ellers var vores fokus fuldt ud p\u00e5 Javascript koden.<\/p>\n\n\n\n

Fordi vi kun lige har l\u00e6rt om JavaScript og wordle er ret kompliceret at lave for nybegyndere, brugte vi ogs\u00e5\u00a0 AI til at hj\u00e6lpe med at generere selve JavaScript koden. For at sikre, at vi ikke bare generede koden og s\u00e5 selv skulle finde ud af hvad det bet\u00f8d, bad vi AI’en om at inkludere meget tydelige forklaringer til hver eneste linje kode. Det fungerede rigtig godt og gjorde det virkelig nemt at dykke ned i koden og virkelig forst\u00e5 den.<\/p>\n\n\n\n

Herunder er vores Wordle klon som vi fik lavet.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Videoproduktion og Feedback<\/strong><\/h3>\n\n\n\n

Fordi vi var s\u00e5 hurtigt f\u00e6rdige med kodningen, kunne vi bruge stort set hele den resterende del af projektet til at s\u00e6tte os grundigt ind i koden og forst\u00e5 logikken bag hver funktion. Da vi mente at vi havde en ret god forst\u00e5else af koden, optog vi vores video, hvor vi gennemgik koden og forklarede de forskellige dele ved pensum. Jeg forklarede selv hvordan funktioner, datatyper og nogle af de forskellige operatorer fungerer bl.a.<\/p>\n\n\n\n

Refleksion<\/strong><\/h3>\n\n\n\n

Jeg synes at det var et meget sjovt projekt. Selvom vi brugte AI til at skrive det meste af koden, synes jeg stadigv\u00e6k at jeg fik en ret god forst\u00e5else af hvordan JavaScript fungerer. Fordi der var krav om at vi skulle optage en video, hvor vi forklarer koden, var vi n\u00f8dt til virkelig at dykke ned i den og forst\u00e5 den udenad. Jeg tror stadigv\u00e6k ikke at jeg bare kan kode JavaScript til en hjemmeside uden nogen hj\u00e6lp, men n\u00e5r jeg f\u00e5r hj\u00e6lp af AI eller finder kode stykker p\u00e5 internettet i fremtiden, bliver det meget nemmere for mig at forst\u00e5 hvordan det hele h\u00e6nger sammen.<\/p>\n\n\n\n

Jeg synes ogs\u00e5 det er virkeligt rart at vi allerede har f\u00e5et hele pensum, s\u00e5 vi kan bruge resten af semestret p\u00e5 at forst\u00e5 det og blive god til det. Det g\u00f8r det ogs\u00e5 nemmere n\u00e5r jeg koder lidt i min fritid, fordi s\u00e5 kan jeg se p\u00e5 vores liste over pensum og s\u00f8rge for at inkludere det i mine egne projekter, s\u00e5 jeg altid dykker ned i det og f\u00e5r en bedre forst\u00e5else for det.<\/p>\n","protected":false},"excerpt":{"rendered":"

Opgaven I dette projekt var opgaven at tilf\u00f8je JavaScript til en eksisterende hjemmeside og derefter producere en video, hvor vi i gruppen p\u00e5 skift forklarede en lille del af vores samlede JavaScript-pensum med udgangspunkt i den kode, vi havde arbejdet med. Vi startede ud med at bruge ret lang tid p\u00e5 at brainstorme og lede […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-280","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/proces.carlemilfaester.dk\/index.php?rest_route=\/wp\/v2\/pages\/280","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/proces.carlemilfaester.dk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/proces.carlemilfaester.dk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/proces.carlemilfaester.dk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/proces.carlemilfaester.dk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=280"}],"version-history":[{"count":6,"href":"https:\/\/proces.carlemilfaester.dk\/index.php?rest_route=\/wp\/v2\/pages\/280\/revisions"}],"predecessor-version":[{"id":317,"href":"https:\/\/proces.carlemilfaester.dk\/index.php?rest_route=\/wp\/v2\/pages\/280\/revisions\/317"}],"wp:attachment":[{"href":"https:\/\/proces.carlemilfaester.dk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=280"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}