{"id":92,"date":"2025-02-03T15:32:05","date_gmt":"2025-02-03T15:32:05","guid":{"rendered":"https:\/\/noter.heatpine.dk\/?p=92"},"modified":"2025-02-03T15:32:05","modified_gmt":"2025-02-03T15:32:05","slug":"javascript","status":"publish","type":"post","link":"https:\/\/noter.heatpine.dk\/index.php\/2025\/02\/03\/javascript\/","title":{"rendered":"Javascript"},"content":{"rendered":"\n

JavaScript:<\/strong> kan hente indeholde uden at loade en ny side- Den kan tilf\u00f8jehastighed, brugervenlighed, slideshows osv. Det er et scripting-sprog somskrives direkte i dine html filer. Dine scripts lavet med JavaScript bliverderfra l\u00e6st og udf\u00f8rt af browseren. Det k\u00f8rer hos klienten alts\u00e5 ibrowseren. \u2013 kan v\u00e6re manipulering af billeder, validator, dynamisk\u00e6ndring af indhold. JavaScript, b\u00f8r v\u00e6re i en ekstern fil og ikke direkte iHTML for at holde struktur og ikke mindst det samme JavaScript kantilg\u00e5r flere HTML filer (genbrug).<\/p>\n\n\n\n

JavaScript er client site<\/p>\n\n\n\n

https:\/\/www.youtube.com\/@programmingwithmosh\/videos \u2013 Anbefalethj\u00e6lp<\/p>\n\n\n\n

Console.log(\u201csimon.js is running\u2026\u201d) \u2013 inds\u00e6ttes \u00f8verst i JavaScript for at seom der er gennemgang<\/p>\n\n\n\n

Alert<\/strong> er en et pop up vindue som bremser resten af kode renderingen.Man kan ikke g\u00f8re noget f\u00f8r at man har interageret med alertet<\/p>\n\n\n\n

DOM: D<\/strong>ocument O<\/strong>bject Model. O<\/strong>bjekt model af vores HTML dokument.Formet som et tr\u00e6. R\u00e6kkef\u00f8lgen som html\u2019en loades. Domen er det vi\u00e6ndre med JavaScript.<\/p>\n\n\n\n

Objekt:<\/strong> En ting: kan indeholder metoder, variabler. Det som st\u00e5r f\u00f8r . er etobjekt \u2013 Man kan g\u00f8re noget med det, kan indeholde v\u00e6rdier(farvest\u00f8rrelse, pris osv.)<\/p>\n\n\n\n

Metoder:<\/strong> G\u00f8r noget. FX. bil = start, k\u00f8r, parker<\/p>\n\n\n\n

Variabler:<\/strong> Propertires. fx. bil = model, farve, \u00e5rgang, pris.<\/p>\n\n\n\n

Defer:<\/strong> g\u00f8r at JavaScript loades til sidst i DOM\u2019en<\/p>\n\n\n\n

Variabel:<\/strong> Noget som er reserveret til en given lejlighed \u2013 bruges til atgemme informationer \u2013 der kun plads til en ting. Der er forskellige typer afvariabler: Numbers, strings, booleans, undefined, null, arrays og objekter.En variabel er enten lokal eller global<\/p>\n\n\n\n

Numbers:<\/strong> tal<\/p>\n\n\n\n

Strings<\/strong>: tekst \u2013 omgives af \u201cx \u201c<\/p>\n\n\n\n

Booleans:<\/strong> alt der ikke er tal og strings \u2013 true or false \u2013 < mindre end \u2013 <=mindre end eller lige med \u2013 == lig med \u2013 != ikke lig med \u2013 > st\u00f8rre end \u2013 >=st\u00f8rre ned eller lig med \u2013 ===(sammenligningsoperator) lig med ogsamme data type (fx begge er string) = er en tildelingsoperator.<\/p>\n\n\n\n

Underfiened:<\/strong> declared men ingen tildelt v\u00e6rdi<\/p>\n\n\n\n

Null:<\/strong> ingen ting, nok ikke loadet endnu<\/p>\n\n\n\n

Tildelingsoperator:<\/strong> =<\/p>\n\n\n\n

Sammenligningsoperat<\/strong>or: == (samme (fx. to==2), ===(samme number ogstring(fx. 2=2)), != (ikke lig med)<\/p>\n\n\n\n

Aritmetiske\/matematiske operationer<\/strong>: +,-,*,\/ og % (modulus)<\/p>\n\n\n\n

Logiske operator<\/strong>: && = og, || = eller,<\/p>\n\n\n\n

kontrolstruktur<\/strong>: if, else if og else. man kan kun have en else \u2013 && (and)betyder og fx (x>y && x>z) \u2013 || (or) \u2013 s\u00e5 ve && skal begge v\u00e6re true og ved ||skal bare en af dem v\u00e6re ture.<\/p>\n\n\n\n

Arrays: <\/strong>En samling af elementer i en variabel, omgives af [x]. laver lister. Envariabler som kan indeholde flere v\u00e6rdier. Starter altid i 0.<\/p>\n\n\n\n

Function:<\/strong> en m\u00e5de at samle flere elementer s\u00e5 du ikke skal gentage detsamme flere gang \u2013 a la class. kan indeholde flere parameter:<\/strong> hvad derkaldes frem. En blok af kode, som udf\u00f8res n\u00e5r kaldes. Ordet function kanerstattes med => ogs\u00e5 kaldet er arrow function<\/p>\n\n\n\n

Loop:<\/strong> Anvendes for at k\u00f8re en kommando igennem flere gange.<\/p>\n\n\n\n

Scope: <\/strong>lokal scope er en variabel som er erkl\u00e6ret (let eller const) i enfunktion og kun virker i funktionen, den kan ikke bruges i andrefunktioner og uden for funktionen. Global scope er en variabel som er udefra en funktion. \u2013 Lokal virker kun inden for et bestemt omr\u00e5de \u2013 Globalvirker overalt ogs\u00e5 inde i funktionen.<\/p>\n\n\n\n

Event:<\/strong> Ting der kan lyttes effer. Fx n\u00e5r siden er loades eller Onclick,onmouse out osv<\/p>\n\n\n\n

Let\/const:<\/strong> Let og const er nyere og underst\u00f8ttes af alle browser \u2013 Let erblock scoped og var er funktion scoped \u2013 const er ogs\u00e5 block scoped.<\/p>\n\n\n\n

{}<\/strong>: Blok af kode<\/p>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

JavaScript: kan hente indeholde uden at loade en ny side- Den kan tilf\u00f8jehastighed, brugervenlighed, slideshows osv. Det er et scripting-sprog somskrives direkte i dine html filer. Dine scripts lavet med JavaScript bliverderfra l\u00e6st og udf\u00f8rt af browseren. Det k\u00f8rer hos klienten alts\u00e5 ibrowseren. \u2013 kan v\u00e6re manipulering af billeder, validator, dynamisk\u00e6ndring af indhold. JavaScript, b\u00f8r […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-92","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/noter.heatpine.dk\/index.php\/wp-json\/wp\/v2\/posts\/92","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/noter.heatpine.dk\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/noter.heatpine.dk\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/noter.heatpine.dk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/noter.heatpine.dk\/index.php\/wp-json\/wp\/v2\/comments?post=92"}],"version-history":[{"count":1,"href":"https:\/\/noter.heatpine.dk\/index.php\/wp-json\/wp\/v2\/posts\/92\/revisions"}],"predecessor-version":[{"id":93,"href":"https:\/\/noter.heatpine.dk\/index.php\/wp-json\/wp\/v2\/posts\/92\/revisions\/93"}],"wp:attachment":[{"href":"https:\/\/noter.heatpine.dk\/index.php\/wp-json\/wp\/v2\/media?parent=92"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/noter.heatpine.dk\/index.php\/wp-json\/wp\/v2\/categories?post=92"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/noter.heatpine.dk\/index.php\/wp-json\/wp\/v2\/tags?post=92"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}