diff --git a/oppgaver/uke4/adjektivhistorie/script.js b/oppgaver/uke4/adjektivhistorie/script.js
index 282e91e..b479195 100644
--- a/oppgaver/uke4/adjektivhistorie/script.js
+++ b/oppgaver/uke4/adjektivhistorie/script.js
@@ -1,25 +1,52 @@
// 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 = `
-
Her er __ noe
+ ${sentence}
`;
document.getElementById('app').innerHTML = html;
-
};
// Controller endrer modellen
-function insertWords(word) {
- document.getElementById('sentence').innerHTML = `annet ${word}`;
+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;
}
\ No newline at end of file
diff --git a/oppgaver/uke4/adjektivhistorie/style.css b/oppgaver/uke4/adjektivhistorie/style.css
index eb78553..7a599d3 100644
--- a/oppgaver/uke4/adjektivhistorie/style.css
+++ b/oppgaver/uke4/adjektivhistorie/style.css
@@ -1,12 +1,24 @@
-.app{
+.app {
background-color: blue;
}
-.buttons{
+
+.buttons {
display: grid;
grid-template-columns: 1fr 1fr;
- margin-right: 20px;
- color: aqua;
+ margin-left: 20px;
+ color: rgb(28, 46, 46);
+ width: auto;
}
-.sentence{
+.button{
+ border-radius: 25px;
+ background: #73AD21;
+ padding: 10px;
+ width: 50px;
+ height: 10px;
+}
+
+.sentence {
padding: 20px;
+ background-color: blanchedalmond;
+ font-size: x-large;
}
\ No newline at end of file