From 12dc3057b6417081fc902d0b12f42424b89c5e28 Mon Sep 17 00:00:00 2001 From: Geir Okkenhaug Jerstad Date: Tue, 27 Aug 2024 13:16:43 +0200 Subject: [PATCH] little more from the mvc chapter --- Codealong/index.html | 0 MVC/MVC_quizz.html | 16 +++++++-- .../adjektichistorie/adjektivhistorie.html | 2 +- oppgaver/uke4/adjektichistorie/script.js | 20 ++++++----- oppgaver/uke4/adjektichistorie/style.css | 12 +++++++ team/oppgave1/uke4/plan.md | 36 +++++++++++++++++++ 6 files changed, 74 insertions(+), 12 deletions(-) create mode 100644 Codealong/index.html diff --git a/Codealong/index.html b/Codealong/index.html new file mode 100644 index 0000000..e69de29 diff --git a/MVC/MVC_quizz.html b/MVC/MVC_quizz.html index d888798..80171a5 100644 --- a/MVC/MVC_quizz.html +++ b/MVC/MVC_quizz.html @@ -1,13 +1,15 @@ + Model View Controller +
+ \ No newline at end of file diff --git a/oppgaver/uke4/adjektichistorie/adjektivhistorie.html b/oppgaver/uke4/adjektichistorie/adjektivhistorie.html index 0a1f318..ae8036a 100644 --- a/oppgaver/uke4/adjektichistorie/adjektivhistorie.html +++ b/oppgaver/uke4/adjektichistorie/adjektivhistorie.html @@ -9,7 +9,7 @@ -
+
diff --git a/oppgaver/uke4/adjektichistorie/script.js b/oppgaver/uke4/adjektichistorie/script.js index 7dae2d3..282e91e 100644 --- a/oppgaver/uke4/adjektichistorie/script.js +++ b/oppgaver/uke4/adjektichistorie/script.js @@ -6,16 +6,20 @@ let words = ["Green", "Red", "Cat", "Man", "Started", "Jumped", "Pool", "Wall"]; // HTML, onclick CSS updateView(); function updateView() { - document.getElementById('app').innerHTML = 'Dette er ____'; - document.getElementById('app').innerHTML = /*HTML*/ ` - - - - - `; + let html = ` +
Her er __ noe
+
+
${words[0]}
+ + + +
`; + document.getElementById('app').innerHTML = html; + }; // Controller endrer modellen -function insertWords() { +function insertWords(word) { + document.getElementById('sentence').innerHTML = `annet ${word}`; } \ No newline at end of file diff --git a/oppgaver/uke4/adjektichistorie/style.css b/oppgaver/uke4/adjektichistorie/style.css index e69de29..eb78553 100644 --- a/oppgaver/uke4/adjektichistorie/style.css +++ b/oppgaver/uke4/adjektichistorie/style.css @@ -0,0 +1,12 @@ +.app{ + background-color: blue; +} +.buttons{ + display: grid; + grid-template-columns: 1fr 1fr; + margin-right: 20px; + color: aqua; +} +.sentence{ + padding: 20px; +} \ No newline at end of file diff --git a/team/oppgave1/uke4/plan.md b/team/oppgave1/uke4/plan.md index e69de29..83b7a66 100644 --- a/team/oppgave1/uke4/plan.md +++ b/team/oppgave1/uke4/plan.md @@ -0,0 +1,36 @@ +# Gruppeoppgave klasse b team 1 uke 4 + +## Oppgavetekst +Dere skal lage et virtuelt kjæledyr som trenger +f.eks: + +mat +å lekes med +vaskes/gjøre rent etter +Eller noe helt annet som trenger noen helt andre ting! (en bil som må på EU kontroll med jevne mellomrom, dykker som jevnlig må fylle o2 tanken, en programmerer som trenger kaffe - bare fantasien setter grenser! 😀 ) + +Lag knapper eller andre måter å gi dyret/etc det som trengs når det spør etter det +Dersom dyret ikke får det det trenger etter en viss tid reiser det bort for å finne en bedre eier + +Bruk det dere har lært til nå for å løse oppgaven på en så god måte som mulig. +Planlegg, Tegn og fordel oppgaver - få Thumbs Up på planen fra kodelærer før dere går i gang. +HUSK! +Ikke bruk mer enn 4 timer på oppgaven - det er ikke farlig å ikke bli ferdig. Det er derimot viktig å samarbeide, lære og å øve på å legge en plan. + +Vi går igjennom resultatene på Fredag +Gleder oss til å høre hvordan det har gått! + + +Viktig punkter å huske ved teamarbeid: + +De som har kodeerfaring fra tidligere bør ta en laidback rolle feks ansvar for CSS +Pass på å inkluder alle, gi rom for innspill og lytt +Det er ikke viktig å bli ferdig med oppgave - vi ser etter ferdigheter innenfor samarbeid først og fremst +Legg koden på et nivå som alle kan ha et forhold til +Ikke bruk elementer som ikke har blitt gjennomgått i undervisningstimene +## Løsningsplan + +Drawing +Buttons + +