Problem 12-01 Hal

.vscode/launch.json

@@ -30,5 +30,187 @@
       ],
       "internalConsoleOptions": "openOnSessionStart"
     },
+    {
+      "type": "node",
+      "request": "launch",
+      "name": "2. Numbers",
+      "program": "${workspaceFolder}/node_modules/mocha/bin/_mocha",
+      "args": [
+        "--timeout",
+        "999999",
+        "--colors",
+        "${workspaceFolder}/test/02-numbers/numbers.spec.js"
+      ],
+      "internalConsoleOptions": "openOnSessionStart"
+    },
+    {
+      "type": "node",
+      "request": "launch",
+      "name": "3. Strings",
+      "program": "${workspaceFolder}/node_modules/mocha/bin/_mocha",
+      "args": [
+        "--timeout",
+        "999999",
+        "--colors",
+        "${workspaceFolder}/test/03-strings/strings.spec.js"
+      ],
+      "internalConsoleOptions": "openOnSessionStart"
+    },
+    {
+      "type": "node",
+      "request": "launch",
+      "name": "4. Combine Strings",
+      "program": "${workspaceFolder}/node_modules/mocha/bin/_mocha",
+      "args": [
+        "--timeout",
+        "999999",
+        "--colors",
+        "${workspaceFolder}/test/04-combine-strings/combine-strings.spec.js"
+      ],
+      "internalConsoleOptions": "openOnSessionStart"
+    },
+    {
+      "type": "node",
+      "request": "launch",
+      "name": "5. Coercion",
+      "program": "${workspaceFolder}/node_modules/mocha/bin/_mocha",
+      "args": [
+        "--timeout",
+        "999999",
+        "--colors",
+        "${workspaceFolder}/test/05-coercion/coercion.spec.js"
+      ],
+      "internalConsoleOptions": "openOnSessionStart"
+    },
+    {
+      "type": "node",
+      "request": "launch",
+      "name": "6. Control Flow",
+      "program": "${workspaceFolder}/node_modules/mocha/bin/_mocha",
+      "args": [
+        "--timeout",
+        "999999",
+        "--colors",
+        "${workspaceFolder}/test/06-control-flow/control-flow-test-helper.spec.js"
+      ],
+      "internalConsoleOptions": "openOnSessionStart"
+    },
+    {
+      "type": "node",
+      "request": "launch",
+      "name": "7. Comparisons",
+      "program": "${workspaceFolder}/node_modules/mocha/bin/_mocha",
+      "args": [
+        "--timeout",
+        "999999",
+        "--colors",
+        "${workspaceFolder}/test/07-comparisons/comparisons.spec.js"
+      ],
+      "internalConsoleOptions": "openOnSessionStart"
+    },
+    {
+      "type": "node",
+      "request": "launch",
+      "name": "8. Functions",
+      "program": "${workspaceFolder}/node_modules/mocha/bin/_mocha",
+      "args": [
+        "--timeout",
+        "999999",
+        "--colors",
+        "${workspaceFolder}/test/08-functions/functions.spec.js"
+      ],
+      "internalConsoleOptions": "openOnSessionStart"
+    },
+    {
+      "type": "node",
+      "request": "launch",
+      "name": "9. Arrays",
+      "program": "${workspaceFolder}/node_modules/mocha/bin/_mocha",
+      "args": [
+        "--timeout",
+        "999999",
+        "--colors",
+        "${workspaceFolder}/test/09-arrays/arrays-sets.spec.js"
+      ],
+      "internalConsoleOptions": "openOnSessionStart"
+    },
+    {
+      "type": "node",
+      "request": "launch",
+      "name": "10. Loops",
+      "program": "${workspaceFolder}/node_modules/mocha/bin/_mocha",
+      "args": [
+        "--timeout",
+        "999999",
+        "--colors",
+        "${workspaceFolder}/test/10-loops/loops.spec.js"
+      ],
+      "internalConsoleOptions": "openOnSessionStart"
+    },
+    {
+      "type": "node",
+      "request": "launch",
+      "name": "11. Objects",
+      "program": "${workspaceFolder}/node_modules/mocha/bin/_mocha",
+      "args": [
+        "--timeout",
+        "999999",
+        "--colors",
+        "${workspaceFolder}/test/11-objects/objects.spec.js"
+      ],
+      "internalConsoleOptions": "openOnSessionStart"
+    },
+    {
+      "type": "node",
+      "request": "launch",
+      "name": "12. Loops with Objects",
+      "program": "${workspaceFolder}/node_modules/mocha/bin/_mocha",
+      "args": [
+        "--timeout",
+        "999999",
+        "--colors",
+        "${workspaceFolder}/test/12-loops-objects/loops-objects.spec.js"
+      ],
+      "internalConsoleOptions": "openOnSessionStart"
+    },
+    {
+      "type": "node",
+      "request": "launch",
+      "name": "13. More Conditionals",
+      "program": "${workspaceFolder}/node_modules/mocha/bin/_mocha",
+      "args": [
+        "--timeout",
+        "999999",
+        "--colors",
+        "${workspaceFolder}/test/13-more-conditionals/more-conditionals.spec.js"
+      ],
+      "internalConsoleOptions": "openOnSessionStart"
+    },
+    {
+      "type": "node",
+      "request": "launch",
+      "name": "15. Callbacks",
+      "program": "${workspaceFolder}/node_modules/mocha/bin/_mocha",
+      "args": [
+        "--timeout",
+        "999999",
+        "--colors",
+        "${workspaceFolder}/test/15-callbacks/callbacks.spec.js"
+      ],
+      "internalConsoleOptions": "openOnSessionStart"
+    },
+    {
+      "type": "node",
+      "request": "launch",
+      "name": "16. For Each",
+      "program": "${workspaceFolder}/node_modules/mocha/bin/_mocha",
+      "args": [
+        "--timeout",
+        "999999",
+        "--colors",
+        "${workspaceFolder}/test/16-for-each/for-each.spec.js"
+      ],
+      "internalConsoleOptions": "openOnSessionStart"
+    },
   ]
 }

README.md

@@ -36,9 +36,10 @@ Whenever you are ready to submit your work, you will need to [commit your work,
 
 ## Resources
 
+- Projects: [First Project: Hangman](projects/hangman/ProjectHangman.md) | [Final Project: Document Object Model](projects/final-project/FinalProject.md)
 - Installation Guide: [Mac](docs/InstallationGuideMac.md) | [Windows](docs/InstallationGuideWindows.md) | [Linux](docs/InstallationGuideLinuxAndNVM.md)
 - JavaScript - [MDN](https://developer.mozilla.org/en-US/) (Unofficial JavaScript Manual) | [Tutorials](https://javascript.info/)
 - Command Line: [NPM Guide](https://nodesource.com/blog/an-absolute-beginners-guide-to-using-npm/) | [Unix Crash Course](https://www.vikingcodeschool.com/web-development-basics/a-command-line-crash-course) | [Unix Cheat Sheet](http://www.mathcs.emory.edu/~valerie/courses/fall10/155/resources/unix_cheatsheet.html)
 - Command Line: [Unix Cheat Sheet](https://www.guru99.com/linux-commands-cheat-sheet.html) | [Unix Tutorial](http://www.ee.surrey.ac.uk/Teaching/Unix/) | [NPM Guide](https://nodesource.com/blog/an-absolute-beginners-guide-to-using-npm/)
 - Git: [Git Commands for Beginners](http://rogerdudler.github.io/git-guide/) | [First Contributions Tutorial](https://github.com/firstcontributions/first-contributions)
-- Visual Studio Code: [Mac Keyboard Shortcuts](https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf) | [Windows Keyboard Shortcuts](https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf) | [Getting Started](https://code.visualstudio.com/docs/getstarted/introvideos)
+- Visual Studio Code: [Mac Keyboard Shortcuts](https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf) | [Windows Keyboard Shortcuts](https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf) | [Getting Started](https://code.visualstudio.com/docs/getstarted/introvideos) | [How to use Quokka.js](https://debug.to/1441/quokka-js-extension-for-visual-studio-code)

docs/SubmittingAssignments.md

@@ -20,21 +20,3 @@ In your terminal (in Visual Studio Code), type:
 ```
 git push origin main
 ```
-
-## Make A Pull Request
-
-You will then need to make pull request from Github. Here is how you will do that:
-
-1. Open a browser (Chrome, Edge, Safari, Firefox, etc) and go to https://github.com/
-2. If you are not signed in, signin
-3. In the top right, click on your avatar and select "Your repositories"
-
-![Open your repositories in Github](img/git-your-repositories.png)
-
-4. Select _JSFunFall2022_
-5. Click on the "Contribute" dropdown and click on the "Open pull request" button
-
-![Opening a pull request](img/open-pull-request.png)
-
-6. Click on the "Create pull requests" button
-7. Give your pull request a title if it does not have one and click on the "Create pull requests" button

examples/xss/README.md

@@ -0,0 +1,15 @@
+# Cross-Site Scripting (XSS) Vulnerability Example
+
+This is an example of code that is vulnerable to a [Cross-Site Scripting (XSS)](https://owasp.org/www-community/attacks/xss/) attack.
+
+Open _examples\xss\xss.html_ inside of Chrome, Firefox, Safari, Edge or another web browser. To replicate a XSS vulnerability, insert some HTML with an inline event. The inline event should contain some Javascript that triggers some kind of an attack. Then click on the "Submit" button below.
+
+Here is an example of code that code be used within a client-side XSS attack.
+
+```
+<img src="1" onerror="alert('Bad code');">
+```
+
+```
+<img src="1" onerror="alert(document.querySelector('#password').value)">
+```

examples/xss/xss.html

@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>My title</title>
+    <link
+      rel="stylesheet"
+      href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
+    />
+    <script
+      src="https://cdnjs.cloudflare.com/ajax/libs/dompurify/2.0.3/purify.js"
+      defer
+    ></script>
+  </head>
+
+  <body>
+    <div class="container mt-2 mb-2">
+      <h1>Please read the README.md</h1>
+      <div class="row">
+        <form class="col col-xs-12 col-md-4">
+          <label for="text">Enter Text</label>
+          <input id="text" name="text" type="text" class="form-control mb-2" />
+          <div>
+            <span class="mr-2">Display Text</span>
+            <button id="client-side" class="btn btn-primary" type="button">
+              Submit
+            </button>
+          </div>
+        </form>
+        <div class="col col-xs-12 col-md-4">
+          <label for="password">Password</label>
+          <input
+            id="password"
+            type="password"
+            class="form-control mb-2"
+            value="pass1234"
+          />
+          <div>
+            <button id="capture-password" class="btn btn-secondary">
+              Submit
+            </button>
+          </div>
+        </div>
+      </div>
+      <blockquote id="output" class="blockquote mt-4 mb-4"></blockquote>
+    </div>
+
+    <script>
+      !(function () {
+        const text = document.querySelector("#text");
+        const output = document.querySelector("#output");
+        document.querySelector("#client-side").addEventListener("click", () => {
+          output.innerHTML = text.value;
+        });
+      })();
+    </script>
+  </body>
+</html>

exercises/00-git/IntroductionGit.md

@@ -14,3 +14,4 @@
 - Michele Edington
 - Hal Katzman
 - Michelle Waldenmaier
+- Andre Price

exercises/01-variables/01-variables.js

@@ -4,3 +4,4 @@
  */
 
 // WRITE YOUR ANSWER BELOW THIS LINE
+let myNumber = 9;

exercises/01-variables/02-variables.js

@@ -4,3 +4,4 @@
  */
 
 // WRITE YOUR ANSWER BELOW THIS LINE
+let year = 2022;

exercises/01-variables/03-change-a-variable.js

@@ -6,3 +6,4 @@ let price = 5.99;
  */
 
 // WRITE YOUR ANSWER BELOW THIS LINE
+price = 10.0;

exercises/01-variables/04-constants.js

@@ -5,3 +5,4 @@
  */
 
 // WRITE YOUR ANSWER BELOW THIS LINE
+const PIE = 3.14;

exercises/01-variables/05-fix-error.js

@@ -5,7 +5,7 @@
 // WRITE YOUR ANSWER BELOW THIS LINE
 
 // This is throwing an error. Do you know why?
-const numberOfLikes = 57; // Change me
+const numberOfLikes = 58; // Change me
 
 // DO NOT CHANGE THE CODE BELOW
 

exercises/01-variables/06-fix-bug.html

@@ -39,7 +39,7 @@
         document.querySelector("#form").addEventListener("submit", (e) => {
           e.preventDefault();
 
-          document.querySelector("#name").value; // Change this line only. Set me to a variable called "content".
+          let content = document.querySelector("#name").value; // Change this line only. Set me to a variable called "content".
 
           // Do not change this
           alert("Hello " + content);

exercises/02-numbers/01-add.js

@@ -0,0 +1,7 @@
+/**
+ * Create a constant called "sum".
+ * On the right side of the "equals" sign, there should two numbers and a plus sign.
+ */
+
+// WRITE YOUR ANSWER BELOW THIS LINE
+const sum = 10 + 6;

exercises/02-numbers/02-subtract.js

@@ -0,0 +1,10 @@
+let a = 10; // e.g.
+let b = 5; // e.g.
+
+/**
+ * Create a new variable called "difference". It should equal the "b" minus "a".
+ * This should still work when "a" and "b" are equal to different numbers.
+ */
+
+// WRITE YOUR ANSWER BELOW THIS LINE
+let difference = b - a;

exercises/02-numbers/03-multiply-and-divide.js

@@ -0,0 +1,9 @@
+const ONE_HUNDRED = 100;
+
+/**
+ * Create a constant called "percentage".
+ * It should equal one number divided by another, and then multiplied by "ONE_HUNDRED".
+ */
+
+// WRITE YOUR ANSWER BELOW THIS LINE
+const percentage = (60 - 40) / ONE_HUNDRED;

exercises/02-numbers/04-increment.js

@@ -0,0 +1,10 @@
+let age = 90; // e.g.
+
+/**
+ * Increment the variable "age" by 1. (That is, add 1).
+ * Use the increment operator to solve this problem.
+ * This should still work when "age" is a different number.
+ */
+
+// WRITE YOUR ANSWER BELOW THIS LINE
+age++;

exercises/02-numbers/05-decrement.js

@@ -0,0 +1,10 @@
+let age = 90; // e.g.
+
+/**
+ * Decrement the variable "age" by 1. (That is, subtract 1).
+ * Use the decrement operator to solve this problem.
+ * This should still work when "age" is a different number.
+ */
+
+// WRITE YOUR ANSWER BELOW THIS LINE
+age--;

exercises/02-numbers/06-order-of-operations.js

@@ -0,0 +1,8 @@
+/**
+ * Without changing the numbers themselves,
+ * change the syntax or order of operations so that result equals 800.
+ */
+
+// WRITE YOUR ANSWER BELOW THIS LINE
+
+const result = (3 + 5) * 100;