sei-eternity · NorahAlessa · Jun 27, 2019
diff --git a/.DS_Store b/.DS_Store
diff --git a/code/.DS_Store b/code/.DS_Store
diff --git a/code/Creating-Random-Images/app.js b/code/Creating-Random-Images/app.js
@@ -0,0 +1,20 @@
+console.log("it's Working");
+
+//type of the event
+const eventType='click';
+//the target of the event 
+const myButton=document.querySelector('button');
+
+const widthInput=document.querySelector('.width');
+const heightInput=document.querySelector('.height');
+
+const newImageRand=function(){
+    //ToDO....
+    const newImage=document.createElement('img');
+    newImage.setAttribute('src',"https://source.unsplash.com/user/erondu/600x600");
+    const newImageDiv=document.querySelector('.image');
+    newImageDiv.appendChild(newImage);
+
+}
+
+myButton.addEventListener('click',newImageRand);
diff --git a/code/Creating-Random-Images/index.html b/code/Creating-Random-Images/index.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>Document</title>
+</head>
+
+<body>
+
+  <div>
+    <label>
+      Width:
+      <input type="number" class="width" />
+    </label>
+    <label>
+      Height:
+      <input type="number" class="height" />
+    </label>
+    <button id="randomize">Get random image!</button>
+  </div>
+
+  <div class="image"></div>
+
+<script src="app.js"></script>
+</body>
+
+</html>
diff --git a/code/more-dom-manipulation/app.js b/code/more-dom-manipulation/app.js
@@ -0,0 +1,48 @@
+//changing the font family 
+const bodyFont=document.querySelector('body');
+bodyFont.style.fontFamily="Arial, sans-serif";
+
+// 
+
+const nickname = document.querySelector('#nickname');
+const favorite = document.querySelector('#favorite');
+const hometown = document.querySelector('#hometown');
+nickname.innerHTML = 'Norah';
+favorite.innerHTML = 'Dogs';
+hometown.innerHTML = 'Riyadh';
+const lists = document.querySelectorAll('li');
+lists.forEach(function(list){
+    list.setAttribute('class', 'listitem');
+    list.style.color = 'rebeccapurple';
+})
+const imageProfile = document.createElement('img');
+imageProfile.setAttribute('src','Norah.jpg');
+const profileDiv = document.querySelector('.profilePicture');
+profileDiv.append(imageProfile);
+var books = [
+    {
+      title: "The Design of Everyday Things",
+      author: "Don Norman",
+      alreadyRead: false
+    },
+    {
+      title: "The Most Human Human",
+      author: "Brian Christian",
+      alreadyRead: true
+    },
+    {
+      title: "In Search of Lost Time",
+      author: "Marcel Proust",
+      alreadyRead: true
+    },
+    {
+      title: "Ulysses",
+      author: "James Joyce",
+      alreadyRead: true
+    },
+    {
+      title: "The Great Gatsby",
+      author: "F. Scott Fitzgerald",
+      alreadyRead: true
+    }
+  ];
diff --git a/code/more-dom-manipulation/index.html b/code/more-dom-manipulation/index.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>More DOM Manipulation</title>
+</head>
+
+<body>
+
+  <h1>About Me</h1>
+
+  <div class="profilePicture"></div>
+
+  <ul>
+    <li>Nickname: <span id="nickname"></span></li>
+    <li>Favorite Animal: <span id="favorite"></span></li>
+    <li>Hometown: <span id="hometown"></span></li>
+  </ul>
+
+  <div class="favoriteBooks"></div>
+  <script src="app.js"></script>
+</body>
+
+</html>