diff --git a/oppgaver/uke4/adjektivhistorie/script.js b/oppgaver/uke4/adjektivhistorie/script.js index b479195..282e91e 100644 --- a/oppgaver/uke4/adjektivhistorie/script.js +++ b/oppgaver/uke4/adjektivhistorie/script.js @@ -1,52 +1,25 @@ // Model Variabler +let sentence = "" +let words = ["Green", "Red", "Cat", "Man", "Started", "Jumped", "Pool", "Wall"]; -let words = ["green", "red", "cat", "man", "stared", "jumped", "pool", "wall"]; -let word1 = '__ '; -let word2 = '__ '; -let word3 = '__ '; -let word4 = '__ '; -let sentence = "Once there was " + word1 + " " + word2 +" that " + word3 + " in the " + word4 + " - and great things happened. The End"; // View // HTML, onclick CSS updateView(); function updateView() { let html = ` -
${sentence}
+
Her er __ noe
-
${words[0]}
-
${words[1]}
-
${words[2]}
-
${words[3]}
-
${words[4]}
-
${words[5]}
-
${words[6]}
-
${words[7]}
+
${words[0]}
+ + +
`; document.getElementById('app').innerHTML = html; + }; // Controller endrer modellen -function insertWords1(word) { - word1 = word; - sentence = "Once there was " + word1 + " " + word2 +" that " + word3 + " in the " + word4 + " - and great things happened. The End"; - document.getElementById('sentence').innerHTML = sentence; - updateView(); - -} -function insertWords2(word) { - word2 = word; - sentence = "Once there was " + word1 + " " + word2 +" that " + word3 + " in the " + word4 + " - and great things happened. The End"; - document.getElementById('sentence').innerHTML = sentence; - -} -function insertWords3(word) { - word3 = word; - sentence = "Once there was " + word1 + " " + word2 +" that " + word3 + " in the " + word4 + " - and great things happened. The End"; - document.getElementById('sentence').innerHTML = sentence; - -} function insertWords4(word) { - word4 = word; - sentence = "Once there was " + word1 + " " + word2 +" that " + word3 + " in the " + word4 + " - and great things happened. The End"; - document.getElementById('sentence').innerHTML = sentence; +function insertWords(word) { + document.getElementById('sentence').innerHTML = `annet ${word}`; } \ No newline at end of file diff --git a/oppgaver/uke4/adjektivhistorie/style.css b/oppgaver/uke4/adjektivhistorie/style.css index 7a599d3..eb78553 100644 --- a/oppgaver/uke4/adjektivhistorie/style.css +++ b/oppgaver/uke4/adjektivhistorie/style.css @@ -1,24 +1,12 @@ -.app { +.app{ background-color: blue; } - -.buttons { +.buttons{ display: grid; grid-template-columns: 1fr 1fr; - margin-left: 20px; - color: rgb(28, 46, 46); - width: auto; + margin-right: 20px; + color: aqua; } -.button{ - border-radius: 25px; - background: #73AD21; - padding: 10px; - width: 50px; - height: 10px; -} - -.sentence { +.sentence{ padding: 20px; - background-color: blanchedalmond; - font-size: x-large; } \ No newline at end of file