this and functions

2024-08-21 11:02:05 +02:00 · 2024-08-21 11:02:05 +02:00 · bd86d3a373
parent cc7087a735
commit bd86d3a373
2 changed files with 64 additions and 0 deletions
--- a/kodekos/variabler.js
+++ b/kodekos/variabler.js
@ -0,0 +1,13 @@
+
+// Terje er født med ski på bena.
+// Marie har en bror.
+// Broren til Marie heter Bjarne.
+// Terje er 45 år gammel.
+// Terje har på seg Hawaii skjorte.
+
+let name 
+let bornWithOnLegs
+let hasBrother
+let brotherName
+let age
+let wearing
--- a/oppgaver/uke3/this.html
+++ b/oppgaver/uke3/this.html
@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <style>
+        .box{
+            height: 100px;
+            width: 100px;
+        }
+        .pink{
+            background-color: pink;
+        }
+        .red{
+            background-color: red;
+        }
+        .blue{
+            background-color: blue;
+        }
+        .grey{
+            background-color: grey;
+            display: grid;
+        }
+    </style>
+</head>
+<body>
+    <div class="pink box" onclick="changeColor(this)"></div>
+    <div class="red box" onclick="changeColor(this)"></div>
+    <div class="blue box" onclick="changeColor(this)"></div>
+    <div class="grey box" id="app">
+        <button onclick="letterPressed(this)">A</button>
+        <button onclick="letterPressed(this)">B</button>
+        <button onclick="letterPressed(this)">C</button>
+        <button onclick="letterPressed(this)">D</button>
+        <button onclick="letterPressed(this)">E</button>
+        <div class="grey box" id="text">Du trykket på <div id="letter">Noe</div></div>
+    </div>
+    <script>
+        function changeColor(element){
+            element.style.backgroundColor = "green";
+            element.innerHTML = "hei";
+        };
+        function letterPressed(letter){
+            let letterPress = letter;
+            console.log('${letterPress}');
+            document.getElementById('letter').innerHTML = `${letterPress}`;
+        }
+    </script>
+</body>
+</html>