walkerRnD
diff --git a/‎01-Basics/10-dom/app.js‎
Lines changed: 28 additions & 0 deletions b/‎01-Basics/10-dom/app.js‎
Lines changed: 28 additions & 0 deletions
diff --git a/‎01-Basics/10-dom/index.html‎
Lines changed: 29 additions & 0 deletions b/‎01-Basics/10-dom/index.html‎
Lines changed: 29 additions & 0 deletions
diff --git a/‎01-Basics/10-dom/style.css‎ b/‎01-Basics/10-dom/style.css‎
@@ -0,0 +1,28 @@
+let $counter = document.getElementById('counter');
+let $windowWidth = document.getElementById('windowWidth');
+let $comments = document.getElementById('comments');
+
+// console.dir(window);
+
+function windowWidth(){
+  // console.log(window.outerWidth);
+  $windowWidth.innerHTML = window.outerWidth + 'px';
+}
+function walkerWalks(){
+  window.location.href = 'http://walker-walks.com';  
+}
+
+// window.document = document
+function countUp(){
+  let c = $counter.innerHTML;
+  c++;
+  $counter.innerHTML = c;
+}
+
+
+function addComment(){
+  let greet = document.createElement('p');
+  let msg = document.createTextNode('Hello');
+
+  $comment.appendChild(greet).appendChild(msg);
+}
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Learning JavaScript - Walker</title>
+  <link rel="stylesheet" href="style.css">
+</head>
+<body>
+  <h1>DOM(Document Object Model)</h1>
+  <p>
+    Interface(a way to access) to HTML for JavaScript. <br>
+    To Control Properties/Methods/Events
+  </p>
+  <p>
+    <button onclick="windowWidth();">Window Width</button>: <span id="windowWidth">?</span><br>  
+  </p>
+  <p>
+    Count: <span id="counter">0</span>
+    <button onclick="countUp();">add</button>
+  </p>
+  <p id="comments">
+    <button onclick="addComments">Add Commnets</button>
+  </p>
+  <button onclick="walkerWalks();">visit Walker Walks</button><br>
+
+
+  <script src="app.js"></script>
+</body>
+</html>