Ex5

massam89 · massam89 · commit 370075065ed8 · 2020-11-22T22:48:07.000+03:30
diff --git a/Week2/js-exercises/ex5-myFavoriteHobbies.html b/Week2/js-exercises/ex5-myFavoriteHobbies.html
@@ -1,5 +1,15 @@
-<html>
+<!DOCTYPE html>
+<html lang="en">
 
-<!-- your html code goes in here -->
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Hobbies</title>
+</head>
+
+<body>
+
+  <script src="ex5-myFavoriteHobbies.js"></script>
+</body>
 
 </html>
diff --git a/Week2/js-exercises/ex5-myFavoriteHobbies.js b/Week2/js-exercises/ex5-myFavoriteHobbies.js
@@ -10,6 +10,13 @@
 
 function createHTMLList(arr) {
   // your code goes in here
+  const ulElement = document.createElement('ul');
+  arr.forEach(arr => {
+    const liElement = document.createElement('li');
+    liElement.textContent = arr;
+    ulElement.appendChild(liElement);
+  })
+  document.body.appendChild(ulElement);
 }
 
 const myHobbies = [
@@ -18,4 +25,7 @@ const myHobbies = [
   'Programming',
   'Hanging out with friends',
   'Going to the gym',
-];
+];
+
+createHTMLList(myHobbies);
+
