From 492f0ef432db1348a62f08b53e5ac8ab581d2eb2 Mon Sep 17 00:00:00 2001
From: Geir Okkenhaug Jerstad <geir@geokkjer.eu>
Date: Wed, 11 Sep 2024 14:53:45 +0200
Subject: [PATCH] =?UTF-8?q?litt=20react=20og=20funksjoner=20p=C3=A5=20slut?=
 =?UTF-8?q?ten=20av=20dagen?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 react_test/tutorial/index.html | 51 +++++++++++++++++++++++++---------
 1 file changed, 38 insertions(+), 13 deletions(-)
diff --git a/react_test/tutorial/index.html b/react_test/tutorial/index.html
index 7d7be7c..77475ff 100644
--- a/react_test/tutorial/index.html
+++ b/react_test/tutorial/index.html
@@ -1,22 +1,47 @@
 <html>
-  <body>
-    <div id="app"></div>
-    <script src="https://unpkg.com/react@18/umd/react.development.js"></script>
-    <script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
-    <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
-    <script type="text/jsx">
-        const domNode = document.getElementById('app');
 
-        function Header() {
-            return (<h1>Develop. Preview. Ship.</h1>)
+<body>
+  <div id="app"></div>
+  <script src="https://unpkg.com/react@18/umd/react.development.js"></script>
+  <script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
+  <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
+  <script type="text/jsx">
+        const domNode = document.getElementById('app');
+        
+        function createTitle(title) {
+          if (title) {
+            return title;
+          } else {
+            return 'Default title';
+          }
+        }
+
+        function Header({ title }) {
+            return <h1>{title ? title : 'Default Title'}</h1>;
         }
         function HomePage() {
-            return <div>
-                <Header />
-            </div>;
+          const names = ['Ada Lovlace', 'Grace Hopper', 'Margaret Hamilton'];
+          function handleClick(){
+            console.log("increment like count")
+          }  
+          return( <div>
+                <Header title="Develop. Preview. Ship." />
+                <ul>
+                  {names.map((name) => (
+                    <li key={name}>{name}</li>
+                  ))}
+                  
+                </ul>
+                <button onClick={handleClick}>Like</button>
+            </div>
+            );
+           
         } 
+        
+    
         const root = ReactDOM.createRoot(domNode);
         root.render(<HomePage />);
     </script>
-  </body>
+</body>
+
 </html>
\ No newline at end of file
