wk5

pdxgitit · pdxgitit · commit 5d4810314630 · 2015-12-11T21:49:22.000-08:00
diff --git a/Charles/Week5/ed_week5/tiffanyweek5/pricing_raw.html b/Charles/Week5/ed_week5/tiffanyweek5/pricing_raw.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+
+<html lang="en">
+
+<head>
+
+    <meta charset="UTF-8">
+
+    <title>Construction Pricing</title>
+
+    <link rel="stylesheet" href="red_test.css"/>
+
+</head>
+
+<body>
+
+    <main>
+
+        <h1>Materials for Sale</h1>
+
+​
+
+        <table width="100%">
+
+            <thead>
+
+                <tr>
+
+                    <th>Material</th>
+
+                    <th>Price</th>
+
+                    <th>In Stock</th>
+
+                </tr>
+
+            </thead>
+
+            <tbody id="inventory">
+
+                <tr>
+
+                    <td>Wood</td>
+
+                    <td>$15</td>
+
+                    <td id="woodStock" class="true">Yes</td>
+
+                </tr>
+
+            </tbody>
+<tfoot>
+  <tr>
+    <td><input type="text" id="name" /></td>
+    <td><input type="number" id="price" /></td>
+    <td><input type="checkbox" id="in_stock" /></td>
+  </tr>
+</tfoot>
+        </table>
+
+​
+        <button id="add_item">Add Item</button>
+        <button>Add Stock</button>
+
+        <button>Remove Stock</button>
+
+​
+
+    </main>
+
+​
+<script src="pricing_raw.js"></script>
+</body>
+
+</html>
diff --git a/Charles/Week5/ed_week5/tiffanyweek5/pricing_raw.js b/Charles/Week5/ed_week5/tiffanyweek5/pricing_raw.js
@@ -0,0 +1,42 @@
+/* we are going to need:
+ - list that stores our inventory
+    -material, price, in-stock
+ - function that adds to the list from a form
+ - function that can remove from the list
+
+ */
+window.onload = function() {
+  document.getElementById("add_item").onclick = addinventoryitem;
+};
+
+
+ var inventory = [];
+ // constructor function for an inventory item
+
+// dont add the () after function for event listenr
+ function makeinventoryitem(name, price, in_stock) {
+   this.name = name;
+   this.price = price;
+   this.in_stock = in_stock;
+ }
+
+
+
+ //add inventory item to list
+ function addinventoryitem() {
+var name = document.getElementById("name").value;
+var price = document.getElementById("price").value;
+var in_stock = document.getElementById("price").value;
+
+var generic = new makeinventoryitem(name, price, in_stock);
+
+
+inventory.push(generic);
+console.log(inventory);
+
+// create new inventory item object
+
+// add new object to the inventory array
+
+//update inventory displayed on web page
+ }
diff --git a/Charles/Week5/ed_week5/tiffanyweek5/red_test.css b/Charles/Week5/ed_week5/tiffanyweek5/red_test.css
@@ -0,0 +1,25 @@
+body {
+    width: 50%;
+    margin: 0 auto;
+    padding: 20px;
+    text-align: center;
+}
+
+main {
+    border: solid 1px #333;
+}
+
+h1 {
+    background-color: #F59581;
+    padding: 35px;
+    margin: 0 auto auto;
+}
+
+.false {
+    background-color: #c00;
+    color: #fff;
+}
+
+.true {
+    background-color: #0c0;
+}
