PdxCodeGuild · bsarazin1 · Apr 29, 2022 · May 4, 2022 · May 11, 2022 · May 11, 2022
diff --git a/code/Brandon/javascript/lab01-03/lab01 lab02py/index.html b/code/Brandon/javascript/lab01-03/lab01 lab02py/index.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<style>
+    #button {
+        background-color: antiquewhite;
+    }
+
+
+    </style>
+<body>
+    <h1 class="header">Number Average</h1>
+        <label type="color">Enter numbers to Average</label>
+        <input type="input" id="user-input">
+        <input type="submit" id="submit" value="Add number to List">
+
+ <p>Hi</p>
+    <button type="submit" id="total">Click to Calculate Average</button>
+    <script src ="script.js" ></script>
+</body>
+</html>
diff --git a/code/Brandon/javascript/lab01-03/lab01 lab02py/script.js b/code/Brandon/javascript/lab01-03/lab01 lab02py/script.js
@@ -0,0 +1,53 @@
+// // Version 1
+// let numbers;
+// let sums = 0;
+
+// numbers = [5, 0, 8, 3, 4, 1, 6];
+// sums = 0;
+
+// for (let i = 0; i < numbers.length; i++) {
+//   sums += numbers[i];
+//   console.log(sums);
+// }
+
+// Version 2
+numbers = [];
+let total = 0;
+// while (true) {
+//   let user_input = parseInt(
+//     prompt("Add a number to the list. Hit cancel to calculate the average. ")
+//   );
+//   if (isNaN(user_input)) {
+//     for (let i = 0; i < numbers.length; i++) {
+//       sums += numbers[i];
+//     }
+//     total = sums / numbers.length;
+//     console.log(numbers);
+//     console.log(total);
+//     break;
+//   }
+//   numbers.push(user_input);
+//   console.log(numbers);
+// }
+
+let input = document.querySelector("#user-input");
+const button1 = document.querySelector("#total");
+const output = document.querySelector("#output");
+const submit = document.querySelector("#submit");
+let p = document.querySelector("p");
+
+let number_list = [];
+let sums = 0;
+
+submit.onclick = function () {
+  number_list.push(input.value);
+  p.innerText = number_list;
+};
+
+button1.addEventListener("click", function () {
+  for (let i = 0; i < number_list.length; i++) {
+    sums += +number_list[i];
+  }
+  total = sums / number_list.length;
+  p.innerText = `Your average is ${total}. `;
+});
diff --git a/code/Brandon/javascript/lab01-03/lab01 lab04py partc/index.html b/code/Brandon/javascript/lab01-03/lab01 lab04py partc/index.html
@@ -0,0 +1,119 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>Lab 04 C</title>
+        <script src ="script.js" defer></script>
+        <script src="https://unpkg.com/vue@3"></script>
+</head>
+<body>
+
+    <div id="app">
+        <h1 class="header">Number Average</h1>
+        <p>{{ message }}</p>
+        <form v-on:submit.prevent="numberConversion">
+        <label for="user-input">Enter a number 1-999 to convert to text</label>
+        <input v-model="userInput" type="number" id="user-input">
+        <button type="submit">Convert Number</button>
+        </form>    
+        <p>{{ output }}</p>
+    </div>
+
+    <script>
+        const App = {
+            data () {
+                return {
+                    message: 'Please enter a number between 1-199 to convert to text.',
+                    userInput: 0,
+                    numberText: '',
+                    output: '',
+                }
+            },
+
+            methods: {
+                numberConversion () {
+                    const single_digit = {
+                    0: "",
+                    1: "one",
+                    2: "two",
+                    3: "three",
+                    4: "four",
+                    5: "five",
+                    6: "six",
+                    7: "seven",
+                    8: "eight",
+                    9: "nine",
+                    };
+
+                    const double_digit = {
+                    0: "ten",
+                    1: "eleven",
+                    2: "twelve",
+                    3: "thirteen",
+                    4: "fourteen",
+                    5: "fifteen",
+                    6: "sixteen",
+                    7: "seventeen",
+                    8: "eighteen",
+                    9: "nineteen",
+                    };
+
+                    const tens = {
+                    0: "",
+                    1: "eleven",
+                    2: "twenty",
+                    3: "thirty",
+                    4: "forty",
+                    5: "fifty",
+                    6: "sixty",
+                    7: "seventy",
+                    8: "eighty",
+                    9: "Ninety",
+                    };
+
+                    let numberInput = +this.userInput
+                    let tens_digit = Math.floor((numberInput / 10) % 10);
+                    let ones_digit = Math.floor(numberInput % 10);
+                    let hundreths = Math.floor(numberInput / 100);
+
+                    if ((numberInput >= 1) & (numberInput <= 9)) {
+                        this.numberText = single_digit[numberInput];
+                    }
+                    if ((numberInput >= 10) & (numberInput <= 19)) {
+                        this.numberText = double_digit[numberInput];
+                    }
+                    if ((numberInput >= 20) & (numberInput <= 99)) {
+                        this.numberText = tens[tens_digit] + " " + single_digit[ones_digit];
+                    }
+                    if (
+                        (numberInput >= 100) &
+                        (numberInput <= 999) &
+                        (ones_digit != 0) &
+                        (tens_digit != 1) &
+                        (tens_digit != 0)
+                    ) {
+                        this.numberText =
+                        single_digit[hundreths] +
+                        " hundred and " +
+                        tens[tens_digit] +
+                        single_digit[ones_digit];
+                    } else if (ones_digit === 0) {
+                        this.numberText = single_digit[hundreths] + " hundred and " + tens[tens_digit];
+                    } else if (tens_digit === 1) {
+                        this.numberText = single_digit[hundreths] + " hundred and " + tens[tens_digit];
+                    } else if (tens_digit === 0) {
+                        this.numberText =
+                        single_digit[hundreths] + " hundred and " + single_digit[ones_digit];
+                    }
+
+                    this.output = `${numberInput} is ${this.numberText} `
+                }
+            }
+        }
+        const app = Vue.createApp(App)
+		app.mount('#app')
+    </script>
+</body>
+</html>
diff --git a/code/Brandon/javascript/lab01-03/lab01 lab04py/index.html b/code/Brandon/javascript/lab01-03/lab01 lab04py/index.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+    <script src ="script.js" defer></script>
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Lab 04</title>
+</head>
+<body>
+    <h1 class="header">Number Average</h1>
+    <label type="text">Enter a number 1-999 to convert to text</label>
+    <input type="input" id="user-input">
+    <input type="submit" id="submit_numbers" value="Convert Number">
+
+    <p>Converted Number Here</p>
+</body>
+</html>
diff --git a/code/Brandon/javascript/lab01-03/lab01 lab04py/script.js b/code/Brandon/javascript/lab01-03/lab01 lab04py/script.js
@@ -0,0 +1,158 @@
+// // Version 1
+
+// var single_digit = {
+//   0: "",
+//   1: "one",
+//   2: "two",
+//   3: "three",
+//   4: "four",
+//   5: "five",
+//   6: "six",
+//   7: "seven",
+//   8: "eight",
+//   9: "nine",
+// };
+
+// var double_digit = {
+//   0: "ten",
+//   1: "eleven",
+//   2: "twelve",
+//   3: "thirteen",
+//   4: "fourteen",
+//   5: "fifteen",
+//   6: "sixteen",
+//   7: "seventeen",
+//   8: "eighteen",
+//   9: "nineteen",
+// };
+
+// var tens = {
+//   0: "",
+//   1: "eleven",
+//   2: "twenty",
+//   3: "thirty",
+//   4: "forty",
+//   5: "fifty",
+//   6: "sixty",
+//   7: "seventy",
+//   8: "eighty",
+//   9: "Ninety",
+// };
+
+// let x = prompt("Please enter a number 1-999 to convert: ");
+
+// let tens_digit = Math.floor((x / 10) % 10);
+// let ones_digit = Math.floor(x % 10);
+// let hundreths = Math.floor(x / 100);
+
+// if ((x >= 1) & (x <= 9)) {
+//   console.log(single_digit[x]);
+// }
+// if ((x >= 10) & (x <= 19)) {
+//   console.log(double_digit[x]);
+// }
+// if ((x >= 20) & (x <= 99)) {
+//   console.log(tens[tens_digit], single_digit[ones_digit]);
+// }
+// if (
+//   (x >= 100) &
+//   (x <= 999) &
+//   (ones_digit != 0) &
+//   (tens_digit != 1) &
+//   (tens_digit != 0)
+// ) {
+//   console.log(
+//     single_digit[hundreths],
+//     "hundred and",
+//     tens[tens_digit],
+//     single_digit[ones_digit]
+//   );
+// } else if (ones_digit == 0) {
+//   console.log(single_digit[hundreths], "hundred and", tens[tens_digit]);
+// } else if (tens_digit == 1) {
+//   console.log(single_digit[hundreths], "hundred", tens[tens_digit]);
+// } else if (tens_digit == 0) {
+//   console.log(single_digit[hundreths], "hundred and", single_digit[ones_digit]);
+// }
+
+// Version 2
+
+const single_digit = {
+  0: "",
+  1: "one",
+  2: "two",
+  3: "three",
+  4: "four",
+  5: "five",
+  6: "six",
+  7: "seven",
+  8: "eight",
+  9: "nine",
+};
+
+const double_digit = {
+  0: "ten",
+  1: "eleven",
+  2: "twelve",
+  3: "thirteen",
+  4: "fourteen",
+  5: "fifteen",
+  6: "sixteen",
+  7: "seventeen",
+  8: "eighteen",
+  9: "nineteen",
+};
+
+const tens = {
+  0: "",
+  1: "eleven",
+  2: "twenty",
+  3: "thirty",
+  4: "forty",
+  5: "fifty",
+  6: "sixty",
+  7: "seventy",
+  8: "eighty",
+  9: "Ninety",
+};
+
+const submit_numbers = document.querySelector("#submit_numbers");
+let x = document.querySelector("#user-input");
+let p = document.querySelector("p");
+
+// let x = prompt("Please enter a number 1-999 to convert: ");
+
+submit_numbers.addEventListener("click", function () {
+  let tens_digit = Math.floor((x.value / 10) % 10);
+  let ones_digit = Math.floor(x.value % 10);
+  let hundreths = Math.floor(x.value / 100);
+  if ((x.value >= 1) & (x.value <= 9)) {
+    p.innerText = single_digit[x.value];
+  }
+  if ((x.value >= 10) & (x.value <= 19)) {
+    p.innerText.value = double_digit[x.value];
+  }
+  if ((x.value >= 20) & (x.value <= 99)) {
+    p.innerText = tens[tens_digit] + " " + single_digit[ones_digit];
+  }
+  if (
+    (x.value >= 100) &
+    (x.value <= 999) &
+    (ones_digit != 0) &
+    (tens_digit != 1) &
+    (tens_digit != 0)
+  ) {
+    p.innerText =
+      single_digit[hundreths] +
+      " hundred and " +
+      tens[tens_digit] +
+      single_digit[ones_digit];
+  } else if (ones_digit === 0) {
+    p.innerText = single_digit[hundreths] + " hundred and " + tens[tens_digit];
+  } else if (tens_digit === 1) {
+    p.innerText = single_digit[hundreths] + " hundred and " + tens[tens_digit];
+  } else if (tens_digit === 0) {
+    p.innerText =
+      single_digit[hundreths] + " hundred and " + single_digit[ones_digit];
+  }
+});