GodaProjects
diff --git a/‎07.01.focus-blur/css/style.css
Lines changed: 152 additions & 0 deletions b/‎07.01.focus-blur/css/style.css
Lines changed: 152 additions & 0 deletions
diff --git a/‎07.01.focus-blur/index.html
Lines changed: 32 additions & 0 deletions b/‎07.01.focus-blur/index.html
Lines changed: 32 additions & 0 deletions
diff --git a/‎07.01.focus-blur/js/script.js
Lines changed: 28 additions & 0 deletions b/‎07.01.focus-blur/js/script.js
Lines changed: 28 additions & 0 deletions
diff --git a/‎07.02.change-event/css/style.css
Lines changed: 152 additions & 0 deletions b/‎07.02.change-event/css/style.css
Lines changed: 152 additions & 0 deletions
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <script src="https://code.jquery.com/jquery-1.12.3.min.js" integrity="sha256-aaODHAgvwQW1bFOGXMeX+pC4PZIPsvn2h1sArYOhgXQ=" crossorigin="anonymous"></script>
+  <script src="js/script.js"></script>
+  <link rel="stylesheet" href="css/style.css">
+  <title>The Complete jQuery Course - Course Code</title>
+</head>
+<body>
+  <div id="content">
+    <h1>The Complete jQuery Course - Project Structure</h1>
+
+    <div class="red-box">Red</div>
+    <div class="green-box">Green</div>
+    <div class="blue-box">Blue</div>
+    <div class="clear"></div>
+
+    <h2>I'm a Headline 2</h2>
+    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum magnam, provident soluta beatae dolore quis, omnis cumque alias maiores itaque ea neque sapiente quaerat accusamus et illum pariatur consequuntur cum!</p>
+    <p>Lorem ipsum <a id="link" title="An amazing link" href="/url">dolor sit amet</a>, consectetur adipisicing elit. Ut quibusdam ducimus a dolore atque maiores tempore minus pariatur, obcaecati fugit?</p>
+
+    <!-- A form element without class or ID  -->
+    <form action="">
+      <input type="text" id="name" value=""><br>
+      <input type="password" value=""><br>
+      <textarea name="message" id="message" cols="30" rows="10"></textarea><br>
+      <input type="submit" value="Submit">
+    </form>
+
+</body>
+</html>
@@ -0,0 +1,28 @@
+$(function () {
+
+  // Select inputs
+  var inputFields = $("input:text, input:password, textarea");
+
+  // Add grey box shadow when focusing any input using focus().
+  inputFields.focus(function() {
+    $(this).css("box-shadow", "0 0 4px #666");
+  });
+
+  // Conversely, remove box shadow from other inputs when unfocusing them
+  // using blur().
+  inputFields.blur(function() {
+    $(this).css("box-shadow", "none");
+  });
+
+  // Add green or red background to name field, depending on whether the input
+  // fulfills the validation criteria (here simply at least 3 characters)
+  $("#name").blur(function() {
+    var text = $(this).val();
+    if (text.trim().length < 3) {
+      $(this).css("box-shadow", "0 0 4px #811");
+    } else {
+      $(this).css("box-shadow", "0 0 4px #181");
+    }
+  });
+
+});