javascript og lit css

2024-08-15 14:38:20 +02:00 · 2024-08-15 14:38:20 +02:00 · fe0b5a944b
commit fe0b5a944b
parent fcbb649185
8 changed files with 156 additions and 103 deletions
--- a/intro_js/index.html
+++ b/intro_js/index.html
@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=<device-width>, initial-scale=1.0">
+    <title>Document</title>
+</head>
+
+<body>
+    <div id="app">
+    </div>
+    <script>
+        add('green', 500, "Det", 'div');
+        add('red', 250, "var", 'h3');
+        add('blue', 600, "en", 'li');
+        add('rgb(200, 200, 42)', 500, "gang", 'span');
+        
+        function add(color, size, word, tagName) {
+            let existingHtml = document.getElementById('app').innerHTML;
+            let newHtml =  /*HTML*/ `
+            <${tagName} style="color:${color}; font-size: ${size}%;">${word}</${tagName}>
+            `;
+            document.getElementById('app').innerHTML = existingHtml + newHtml ;
+        }
+    </script>
+</body>
+
+</html>