Initial commit

2025-10-15 20:01:55 -04:00
commit f26fee2a03
89 changed files with 697 additions and 0 deletions
--- a/1)/Notes/Week
+++ b/1)/Notes/Week
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Week 1 Class 1</title>
+    </head>
+    <body>
+        <h1>Javascript test</h1>
+        <script>
+            document.write("Hello Class, Welcome to JavaScript <br>");
+            document.write("I love JavaScript");
+
+            document.write("Hello Class, Welcome to JavaScript")
+            document.write("<br>");
+            document.write("I love JavaScript <br>");
+
+            window.alert("ALERT ALERT ALERT ALERT");
+            window.confirm("CONFIRM PLEASE CONFIRM PLEASE");
+            window.prompt("PROMPT HERE PROMPT HERE");
+        </script>
+        <button type="submit" id="testButton" onclick="testButton()">
+        <p>Press me!</p>
+        </button>
+        <p id="buttonLabel">Button pressed!</p>
+        <hr>
+        <h2>Form example</h2>
+        <input type="text" id="firstName" placeholder="First name">
+        <input type="text" id="lastName" placeholder="Last name">
+        <input type="email" id="email" placeholder="Email">
+        <input type="text" id="phone" placeholder="Phone number">
+        <p id="formLabel">You entered: </p>
+        <button type="submit" id="repeatButton" onclick="repeatInfo()">Repeat Info</button>
+        <script src="index.js"></script>
+    </body>
+</html>
--- a/1)/Notes/Week
+++ b/1)/Notes/Week
@@ -0,0 +1,19 @@
+document.getElementById("buttonLabel").style.display = "none";
+
+function testButton() {
+    const buttonLabel = document.getElementById("buttonLabel");
+    if (buttonLabel.style.display === "block") {
+        buttonLabel.style.display = "none";
+    } else {
+        buttonLabel.style.display = "block";
+    }
+}
+
+function repeatInfo() {
+    const formLabel = document.getElementById("formLabel");
+    const firstName = document.getElementById("firstName").value;
+    const lastName = document.getElementById("lastName").value;
+    const email = document.getElementById("email").value;
+    const phone = Number(document.getElementById("phone").value);
+    formLabel.innerHTML += `${firstName} ${lastName}, ${email}, ${phone}`
+}
--- a/1)/Notes/Week
+++ b/1)/Notes/Week
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Week 3 Class 1</title>
+    </head>
+
+    <body>
+        <h1>Week 3 Class 1</h1>
+        <p>Enter some details</p>
+        <input id="firstNameBox" type="text" placeholder="First Name">
+        <input id="lastNameBox" type="text" placeholder="Last Name">
+        <input id="ageBox" type="number" placeholder="Age">
+        <input id="passwordBox" type="password" placeholder="Password">
+        <button type="submit" onclick="showDetails()">Submit</button>
+        <p id="detailsLabel">Entered Details: </p>
+        <script src="index.js"></script>
+    </body>
+</html>
--- a/1)/Notes/Week
+++ b/1)/Notes/Week
@@ -0,0 +1,14 @@
+function showDetails() {
+    var firstName = document.getElementById("firstNameBox").value;
+    var lastName = document.getElementById("lastNameBox").value;
+    var age = Number(document.getElementById("ageBox").value);
+    var password = document.getElementById("passwordBox").value;
+    console.log(`You entered: ${firstName}, ${lastName}, ${age}, ${password}`);
+    document.getElementById("detailsLabel").innerHTML += `${firstName}, ${lastName}, ${age}, ${password}`;
+
+    console.log(10 + 10);
+    console.log(10 * 10);
+    console.log(10 - 3);
+    console.log(100 / 25);
+    console.log(100 % 3);
+}