initial commit

clr14003 · Feb 26, 2020 · 1e804b6 · 1e804b6
1 parent dcdd361
commit 1e804b6
Show file tree

Hide file tree

Showing 5 changed files with 71 additions and 0 deletions.
diff --git a/week-3/index.html b/week-3/index.html
@@ -0,0 +1,28 @@
+<!doctype html>
+
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+
+  <title>Shopping List</title>
+  <meta name="description" content="The HTML5 Herald">
+  <meta name="author" content="SitePoint">
+
+  <!-- <link rel="stylesheet" href="css/styles.css?v=1.0"> -->
+
+</head>
+
+<body>
+
+  <input type="text" id="itemEntry" placeholder="Enter Item">
+  <!-- Enter the list items here -->
+
+  <button onclick="addItem()">Add to List</button>
+
+  <ul id="myList">
+  	<li>Get the list working</li>
+  </ul>
+
+  <script src="js/scripts.js"></script>
+</body>
+</html>
diff --git a/week-3/js/scripts.js b/week-3/js/scripts.js
@@ -0,0 +1,15 @@
+
+ function addItem() {
+  if (document.getElementById("itemEntry").value != '') {
+  var node = document.createElement("LI");
+  node.id = 'giveCheckBox';
+  var liText = document.getElementById("itemEntry").value;
+  var textnode = document.createTextNode(liText);
+  node.appendChild(textnode);
+  document.getElementById("myList").appendChild(node);
+  var cbNode = document.createElement("INPUT");
+  cbNode.setAttribute("type", "checkbox");
+  document.getElementById("itemEntry").value = '';
+  }
+
+}
diff --git a/week-4/css/style.css b/week-4/css/style.css
diff --git a/week-4/index.html b/week-4/index.html
@@ -0,0 +1,22 @@
+<!doctype html>
+
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+
+  <title>Color Picker</title>
+
+  <link rel="stylesheet" href="css/style.css?v=1.0">
+
+</head>
+
+<body>
+<script src="js/script.js"></script>
+<div>
+    <input type="color" id="bgColorPicker" value="#FFFFFF">
+    <label id="instructions	" for="background">Choose the Background Color and Click the Button!</label>
+    <input type="Button" name="bgColorChanger" onclick="changeColor()" value="Click Me!">
+</div>
+
+</body>
+</html>
diff --git a/week-4/js/script.js b/week-4/js/script.js
@@ -0,0 +1,6 @@
+var bgColor;
+
+function changeColor() {
+	let bgColor = document.getElementById('bgColorPicker').value;
+	document.body.style.backgroundColor = bgColor;
+}