From 29868ac1535b9f50af9bbdda3636da10cb6d5d5e Mon Sep 17 00:00:00 2001
From: Gabriel Cabrejas <gabriel@cabrejas.net>
Date: Mon, 4 Dec 2023 14:58:21 +0100
Subject: [PATCH 1/5] reorder script tags

---
 index.html | 74 +++++++++++++++++++++++++++---------------------------
 1 file changed, 37 insertions(+), 37 deletions(-)
diff --git a/index.html b/index.html
index bd24960..ed1c164 100644
--- a/index.html
+++ b/index.html
@@ -1,41 +1,11 @@
+<!--
+  👇 Challenge 1 starts on line 72 of this document. YOU GOT THIS!! 😃
+ -->
 <!DOCTYPE html>
 <html lang="en">
 
 <head>
   <title>Web Sprint 2 Challenge</title>
-
-  <script id="challenge">
-    // 👉 CHALLENGE 1
-    function profileActivation(profile, reason) {
-
-    }
-
-    // 👉 CHALLENGE 2
-    function mineSweeper(grid, x, y) {
-      
-    }
-
-    // 👉 CHALLENGE 3
-    function booleanize(obj) {
-
-    }
-
-    // 👉 CHALLENGE 4
-    function scrub(text, forbidden) {
- 
-    }
-
-    // 👉 CHALLENGE 5 (bonus, NOT graded)
-    function normalizePhoneNumber(num) {
-
-    }
-
-    // 👉 CHALLENGE 6 (bonus, NOT graded)
-    function diceRolls() {
- 
-    }
-    </script>
-
   <style>
     .widget {
       padding: 0 0 0.5rem 0.65rem;
@@ -67,7 +37,7 @@
 
 <body>
   <h1>Web Sprint 2 Challenge </h1>
-  <p>❗ See the last script tag for instructions on completing your Challenge</p>
+  <p>👇 Find your challenges in the script tag with the id of "challenge"</p>
   <!-- widgets start -->
   <section class="widget">
     <p>Click on a square! (this widget uses the mineSweeper function)</p>
@@ -95,9 +65,40 @@ <h1>Web Sprint 2 Challenge </h1>
   </form>
   <!-- widgets end -->
 
-  <!-- The first script tag loads a library called lodash that helps with testing -->
+  <!-- The following script loads from the Internet a library called Lodash that helps with testing -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js"></script>
-  <script>
+  <!-- The following script contains your challenges, and the tests that display in your console -->
+  <script id="challenge">
+    // 👉 CHALLENGE 1
+    function profileActivation(profile, reason) {
+
+    }
+
+    // 👉 CHALLENGE 2
+    function mineSweeper(grid, x, y) {
+
+    }
+
+    // 👉 CHALLENGE 3
+    function booleanize(obj) {
+
+    }
+
+    // 👉 CHALLENGE 4
+    function scrub(text, forbidden) {
+
+    }
+
+    // 👉 CHALLENGE 5 (bonus, NOT graded)
+    function normalizePhoneNumber(num) {
+
+    }
+
+    // 👉 CHALLENGE 6 (bonus, NOT graded)
+    function diceRolls() {
+
+    }
+
     // 🧪 TESTS, do not make any changes below this line ===================
     // 🧪 TESTS, do not make any changes below this line ===================
     // 🧪 TESTS, do not make any changes below this line ===================
@@ -106,7 +107,6 @@ <h1>Web Sprint 2 Challenge </h1>
     globalThis.mineSweeper = mineSweeper
     globalThis.booleanize = booleanize
     globalThis.scrub = scrub
-    globalThis.normalizePhoneNumber = normalizePhoneNumber
 
     try {
       runTests('CHALLENGE 1 - profileActivation', profileActivation, [

From 92e8a4fed12b2a07b7364b2267632d01940404c0 Mon Sep 17 00:00:00 2001
From: Gabriel Cabrejas <gabriel@cabrejas.net>
Date: Mon, 4 Dec 2023 15:59:14 +0100
Subject: [PATCH 2/5] wip

---
 index.html | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/index.html b/index.html
index ed1c164..2d57ef4 100644
--- a/index.html
+++ b/index.html
@@ -31,7 +31,6 @@
     #outcome {
       font-size: 3rem;
     }
-
   </style>
 </head>
 
@@ -152,7 +151,7 @@ <h1>Web Sprint 2 Challenge </h1>
         [["1111111111"], "(111) 111-1111"],
         [["9876543210"], "(987) 654-3210"],
       ])
-      console.log('\nCHALLENGE 6 (OPTIONAL) does not have auto tests')
+      console.log('\nCHALLENGE 6 (OPTIONAL) does not have auto tests - diceRolls')
       function runTests(testName, func, tests) {
         let results = []
         tests.forEach(test => {

From 38d9da4747fd5e2f38438fa64b67398aa854a4ec Mon Sep 17 00:00:00 2001
From: Gabriel Cabrejas <gabriel@cabrejas.net>
Date: Mon, 4 Dec 2023 16:31:11 +0100
Subject: [PATCH 3/5] wip

---
 index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 2d57ef4..4cdabbf 100644
--- a/index.html
+++ b/index.html
@@ -107,7 +107,7 @@ <h1>Web Sprint 2 Challenge </h1>
     globalThis.booleanize = booleanize
     globalThis.scrub = scrub
 
-    try {
+    if (typeof module === undefined) {
       runTests('CHALLENGE 1 - profileActivation', profileActivation, [
         [[{ active: true }], 'confirm status manually'],
         [[{ active: true }, 'because'], { active: false, reason: 'because' }],
@@ -192,7 +192,7 @@ <h1>Web Sprint 2 Challenge </h1>
       phoneNumInput.oninput = evt => {
         normalized.textContent = normalizePhoneNumber(evt.target.value)
       }
-    } catch (err) { console.error(err.stack) }
+    }
   </script>
 </body>
 

From 294380609e3ea87bc8bbd7d7b11bd3c4550d1a8a Mon Sep 17 00:00:00 2001
From: Gabriel Cabrejas <gabriel@cabrejas.net>
Date: Mon, 4 Dec 2023 16:36:45 +0100
Subject: [PATCH 4/5] wip

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 4cdabbf..064e891 100644
--- a/index.html
+++ b/index.html
@@ -107,7 +107,7 @@ <h1>Web Sprint 2 Challenge </h1>
     globalThis.booleanize = booleanize
     globalThis.scrub = scrub
 
-    if (typeof module === undefined) {
+    if (typeof module === 'undefined') {
       runTests('CHALLENGE 1 - profileActivation', profileActivation, [
         [[{ active: true }], 'confirm status manually'],
         [[{ active: true }, 'because'], { active: false, reason: 'because' }],

From 59a86944aa51cf68d5e365ea9dede0dff9894eaf Mon Sep 17 00:00:00 2001
From: Gabriel Cabrejas <gabriel@cabrejas.net>
Date: Mon, 4 Dec 2023 16:56:58 +0100
Subject: [PATCH 5/5] reposition

---
 index.html | 252 ++++++++++++++++++++++++++---------------------------
 1 file changed, 123 insertions(+), 129 deletions(-)

diff --git a/index.html b/index.html
index 064e891..c09e5ea 100644
--- a/index.html
+++ b/index.html
@@ -1,11 +1,46 @@
-<!--
-  👇 Challenge 1 starts on line 72 of this document. YOU GOT THIS!! 😃
- -->
 <!DOCTYPE html>
 <html lang="en">
 
 <head>
   <title>Web Sprint 2 Challenge</title>
+  <script id="challenge">
+    // 👉 CHALLENGE 1
+    function profileActivation(profile, reason) {
+
+    }
+
+    // 👉 CHALLENGE 2
+    function mineSweeper(grid, x, y) {
+
+    }
+
+    // 👉 CHALLENGE 3
+    function booleanize(obj) {
+
+    }
+
+    // 👉 CHALLENGE 4
+    function scrub(text, forbidden) {
+
+    }
+
+    // 👉 CHALLENGE 5 (bonus, NOT graded)
+    function normalizePhoneNumber(num) {
+
+    }
+
+    // 👉 CHALLENGE 6 (bonus, NOT graded)
+    function diceRolls() {
+
+    }
+
+    // 🧪 DO NOT make any changes below this line ===================
+    globalThis.challengeVersion = 1
+    globalThis.profileActivation = profileActivation
+    globalThis.mineSweeper = mineSweeper
+    globalThis.booleanize = booleanize
+    globalThis.scrub = scrub
+  </script>
   <style>
     .widget {
       padding: 0 0 0.5rem 0.65rem;
@@ -36,7 +71,7 @@
 
 <body>
   <h1>Web Sprint 2 Challenge </h1>
-  <p>👇 Find your challenges in the script tag with the id of "challenge"</p>
+  <p>Open this HTML document in VSCode to find your challenges</p>
   <!-- widgets start -->
   <section class="widget">
     <p>Click on a square! (this widget uses the mineSweeper function)</p>
@@ -65,133 +100,92 @@ <h1>Web Sprint 2 Challenge </h1>
   <!-- widgets end -->
 
   <!-- The following script loads from the Internet a library called Lodash that helps with testing -->
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js"></script>
-  <!-- The following script contains your challenges, and the tests that display in your console -->
-  <script id="challenge">
-    // 👉 CHALLENGE 1
-    function profileActivation(profile, reason) {
-
-    }
-
-    // 👉 CHALLENGE 2
-    function mineSweeper(grid, x, y) {
-
-    }
-
-    // 👉 CHALLENGE 3
-    function booleanize(obj) {
-
-    }
-
-    // 👉 CHALLENGE 4
-    function scrub(text, forbidden) {
-
-    }
-
-    // 👉 CHALLENGE 5 (bonus, NOT graded)
-    function normalizePhoneNumber(num) {
-
-    }
-
-    // 👉 CHALLENGE 6 (bonus, NOT graded)
-    function diceRolls() {
-
+  <script id="lodash" src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js"></script>
+  <!-- The following script executes the tests you see when you open the Console in Chrome -->
+  <script id="tests">
+    runTests('CHALLENGE 1 - profileActivation', profileActivation, [
+      [[{ active: true }], 'confirm status manually'],
+      [[{ active: true }, 'because'], { active: false, reason: 'because' }],
+      [[{ active: false, reason: 'because' }], { active: true }],
+    ])
+    runTests('CHALLENGE 2 - mineSweeper', mineSweeper, [
+      [[[["🟥", "🟦", "🟥"], ["🟦", "🟥", "🟥"], ["🟥", "🟦", "🟦"]], 0, 4], "invalid coordinates"],
+      [[[["🟥", "🟦", "🟥"], ["🟦", "🟥", "🟥"], ["🟥", "🟦", "🟦"]], 0, 1], "invalid coordinates"],
+      [[[["🟥", "🟦", "🟥"], ["🟦", "🟥", "🟥"], ["🟥", "🟦", "🟦"]], 1, 4], "invalid coordinates"],
+      [[[["🟦", "🟦", "🟥"], ["🟦", "🟦", "🟦"], ["🟦", "🟦", "🟥"]], 1, 1], "🟦 🥳"],
+      [[[["🟦", "🟥", "🟦"], ["🟦", "🟦", "🟦"], ["🟥", "🟦", "🟥"]], 2, 1], "🟥 💀"],
+      [[[["🟥", "🟦", "🟥"], ["🟥", "🟥", "🟦"], ["🟥", "🟥", "🟦"]], 3, 1], "🟥 💀"],
+      [[[["🟥", "🟦", "🟦"], ["🟥", "🟦", "🟥"], ["🟦", "🟦", "🟦"]], 1, 2], "🟥 💀"],
+      [[[["🟥", "🟥", "🟥"], ["🟥", "🟦", "🟥"], ["🟦", "🟥", "🟦"]], 2, 2], "🟦 🥳"],
+      [[[["🟥", "🟦", "🟦"], ["🟦", "🟥", "🟥"], ["🟥", "🟥", "🟦"]], 3, 2], "🟥 💀"],
+      [[[["🟥", "🟥", "🟥"], ["🟦", "🟦", "🟥"], ["🟥", "🟥", "🟦"]], 1, 3], "🟥 💀"],
+      [[[["🟥", "🟦", "🟥"], ["🟥", "🟥", "🟥"], ["🟥", "🟦", "🟥"]], 2, 3], "🟦 🥳"],
+      [[[["🟥", "🟥", "🟥"], ["🟦", "🟥", "🟥"], ["🟥", "🟥", "🟦"]], 3, 3], "🟦 🥳"],
+      [[[["🟥", "🟦", "🟦"], ["🟥", "🟥", "🟦"], ["🟥", "🟥", "🟥"]], 1, 1], "🟥 💀"],
+      [[[["🟥", "🟦", "🟦"], ["🟥", "🟥", "🟦"], ["🟥", "🟥", "🟥"]], 2, 2], "🟥 💀"],
+      [[[["🟥", "🟦", "🟦"], ["🟥", "🟥", "🟦"], ["🟥", "🟥", "🟥"]], 3, 3], "🟥 💀"],
+    ])
+    runTests('CHALLENGE 3 - booleanize', booleanize, [
+      [[{ bad1: null }], {}],
+      [[{ bad1: null, bad2: null }], {}],
+      [[{ '0123456789': 1 }], 'shorten all prop names to 9 chars or less'],
+      [[{ a: 1, b: 1 }], { a: true, b: true }],
+      [[{ a: 0, b: 0 }], { a: false, b: false }],
+      [[{ a: 1, b: 0, c: null, d: 'Lady Gaga' }], { a: true, b: false, d: 'Lady Gaga' }],
+    ])
+    runTests('CHALLENGE 4 - scrub', scrub, [
+      [["out of the silent planet", ["of", "silent"]], "out xx the xxxxxx planet"],
+      [["out of the silent planet", ["of", "planet"]], "out xx the silent xxxxxx"],
+      [["the ghost of the navigator", ["the"]], "xxx ghost of xxx navigator"],
+      [["lost somewhere in time", []], "lost somewhere in time"],
+      [["aces high", ["high", "aces", "hearts"]], "xxxx xxxx"],
+      [["", ["high", "aces"]], ""],
+    ])
+    runTests('CHALLENGE 5 (OPTIONAL) - normalizePhoneNumber', normalizePhoneNumber, [
+      [["1234567890"], "(123) 456-7890"],
+      [["1111111111"], "(111) 111-1111"],
+      [["9876543210"], "(987) 654-3210"],
+    ])
+    console.log('\nCHALLENGE 6 (OPTIONAL) does not have auto tests - diceRolls')
+    function runTests(testName, func, tests) {
+      let results = []
+      tests.forEach(test => {
+        const originalArgsList = _.cloneDeep(test[0])
+        const argsList = test[0]
+        const expected = test[1]
+        const actual = func.apply(null, argsList)
+        results.push([argsList, expected, actual, originalArgsList])
+      })
+      console.log('\n' + testName)
+      if (results.every(result => _.isEqual(result[1], result[2]))) console.log('\t✅ All tests pass')
+      else if (results.every(result => !_.isEqual(result[1], result[2]))) console.log('\t❌ All tests fail')
+      else results.forEach((result, idx) => {
+        if (_.isEqual(result[1], result[2])) console.log(`\t✅ Test ${idx + 1} passes`)
+        else console.log(`\t❌ Test ${idx + 1} fails:
+           ${func.name}(${result[3].map(JSON.stringify)})
+           👉 should return ${JSON.stringify(result[1])}
+           👉 but returns ${JSON.stringify(result[2])}`)
+      })
     }
-
-    // 🧪 TESTS, do not make any changes below this line ===================
-    // 🧪 TESTS, do not make any changes below this line ===================
-    // 🧪 TESTS, do not make any changes below this line ===================
-    globalThis.challengeVersion = 1
-    globalThis.profileActivation = profileActivation
-    globalThis.mineSweeper = mineSweeper
-    globalThis.booleanize = booleanize
-    globalThis.scrub = scrub
-
-    if (typeof module === 'undefined') {
-      runTests('CHALLENGE 1 - profileActivation', profileActivation, [
-        [[{ active: true }], 'confirm status manually'],
-        [[{ active: true }, 'because'], { active: false, reason: 'because' }],
-        [[{ active: false, reason: 'because' }], { active: true }],
-      ])
-      runTests('CHALLENGE 2 - mineSweeper', mineSweeper, [
-        [[[["🟥", "🟦", "🟥"], ["🟦", "🟥", "🟥"], ["🟥", "🟦", "🟦"]], 0, 4], "invalid coordinates"],
-        [[[["🟥", "🟦", "🟥"], ["🟦", "🟥", "🟥"], ["🟥", "🟦", "🟦"]], 0, 1], "invalid coordinates"],
-        [[[["🟥", "🟦", "🟥"], ["🟦", "🟥", "🟥"], ["🟥", "🟦", "🟦"]], 1, 4], "invalid coordinates"],
-        [[[["🟦", "🟦", "🟥"], ["🟦", "🟦", "🟦"], ["🟦", "🟦", "🟥"]], 1, 1], "🟦 🥳"],
-        [[[["🟦", "🟥", "🟦"], ["🟦", "🟦", "🟦"], ["🟥", "🟦", "🟥"]], 2, 1], "🟥 💀"],
-        [[[["🟥", "🟦", "🟥"], ["🟥", "🟥", "🟦"], ["🟥", "🟥", "🟦"]], 3, 1], "🟥 💀"],
-        [[[["🟥", "🟦", "🟦"], ["🟥", "🟦", "🟥"], ["🟦", "🟦", "🟦"]], 1, 2], "🟥 💀"],
-        [[[["🟥", "🟥", "🟥"], ["🟥", "🟦", "🟥"], ["🟦", "🟥", "🟦"]], 2, 2], "🟦 🥳"],
-        [[[["🟥", "🟦", "🟦"], ["🟦", "🟥", "🟥"], ["🟥", "🟥", "🟦"]], 3, 2], "🟥 💀"],
-        [[[["🟥", "🟥", "🟥"], ["🟦", "🟦", "🟥"], ["🟥", "🟥", "🟦"]], 1, 3], "🟥 💀"],
-        [[[["🟥", "🟦", "🟥"], ["🟥", "🟥", "🟥"], ["🟥", "🟦", "🟥"]], 2, 3], "🟦 🥳"],
-        [[[["🟥", "🟥", "🟥"], ["🟦", "🟥", "🟥"], ["🟥", "🟥", "🟦"]], 3, 3], "🟦 🥳"],
-        [[[["🟥", "🟦", "🟦"], ["🟥", "🟥", "🟦"], ["🟥", "🟥", "🟥"]], 1, 1], "🟥 💀"],
-        [[[["🟥", "🟦", "🟦"], ["🟥", "🟥", "🟦"], ["🟥", "🟥", "🟥"]], 2, 2], "🟥 💀"],
-        [[[["🟥", "🟦", "🟦"], ["🟥", "🟥", "🟦"], ["🟥", "🟥", "🟥"]], 3, 3], "🟥 💀"],
-      ])
-      runTests('CHALLENGE 3 - booleanize', booleanize, [
-        [[{ bad1: null }], {}],
-        [[{ bad1: null, bad2: null }], {}],
-        [[{ '0123456789': 1 }], 'shorten all prop names to 9 chars or less'],
-        [[{ a: 1, b: 1 }], { a: true, b: true }],
-        [[{ a: 0, b: 0 }], { a: false, b: false }],
-        [[{ a: 1, b: 0, c: null, d: 'Lady Gaga' }], { a: true, b: false, d: 'Lady Gaga' }],
-      ])
-      runTests('CHALLENGE 4 - scrub', scrub, [
-        [["out of the silent planet", ["of", "silent"]], "out xx the xxxxxx planet"],
-        [["out of the silent planet", ["of", "planet"]], "out xx the silent xxxxxx"],
-        [["the ghost of the navigator", ["the"]], "xxx ghost of xxx navigator"],
-        [["lost somewhere in time", []], "lost somewhere in time"],
-        [["aces high", ["high", "aces", "hearts"]], "xxxx xxxx"],
-        [["", ["high", "aces"]], ""],
-      ])
-      runTests('CHALLENGE 5 (OPTIONAL) - normalizePhoneNumber', normalizePhoneNumber, [
-        [["1234567890"], "(123) 456-7890"],
-        [["1111111111"], "(111) 111-1111"],
-        [["9876543210"], "(987) 654-3210"],
-      ])
-      console.log('\nCHALLENGE 6 (OPTIONAL) does not have auto tests - diceRolls')
-      function runTests(testName, func, tests) {
-        let results = []
-        tests.forEach(test => {
-          const originalArgsList = _.cloneDeep(test[0])
-          const argsList = test[0]
-          const expected = test[1]
-          const actual = func.apply(null, argsList)
-          results.push([argsList, expected, actual, originalArgsList])
-        })
-        console.log('\n' + testName)
-        if (results.every(result => _.isEqual(result[1], result[2]))) console.log('\t✅ All tests pass')
-        else if (results.every(result => !_.isEqual(result[1], result[2]))) console.log('\t❌ All tests fail')
-        else results.forEach((result, idx) => {
-          if (_.isEqual(result[1], result[2])) console.log(`\t✅ Test ${idx + 1} passes`)
-          else console.log(`\t❌ Test ${idx + 1} fails:
-        ${func.name}(${result[3].map(JSON.stringify)})
-        👉 should return ${JSON.stringify(result[1])}
-        👉 but returns ${JSON.stringify(result[2])}`)
-        })
-      }
-      const gridElems = [Array.from(row1.children), Array.from(row2.children), Array.from(row3.children)]
-      const squares = ["🟥", "🟦"]
-      let grid = [[], [], []]
-      gridElems.forEach((row, idxRow) => {
-        row.forEach((square, idxSquare) => {
-          const emoji = squares[Math.floor(Math.random() * 2)]
-          grid[idxRow].push(emoji)
-          if (emoji === squares[0]) square.style.backgroundColor = '#ffecec'
-          else square.style.backgroundColor = '#f2f2ff'
-          square.onclick = () => {
-            const x = idxSquare + 1
-            const y = idxRow + 1
-            console.log(`\nYou clicked coordinates [${x}, ${y}]`)
-            outcome.textContent = mineSweeper(grid, x, y)
-          }
-        })
+    const gridElems = [Array.from(row1.children), Array.from(row2.children), Array.from(row3.children)]
+    const squares = ["🟥", "🟦"]
+    let grid = [[], [], []]
+    gridElems.forEach((row, idxRow) => {
+      row.forEach((square, idxSquare) => {
+        const emoji = squares[Math.floor(Math.random() * 2)]
+        grid[idxRow].push(emoji)
+        if (emoji === squares[0]) square.style.backgroundColor = '#ffecec'
+        else square.style.backgroundColor = '#f2f2ff'
+        square.onclick = () => {
+          const x = idxSquare + 1
+          const y = idxRow + 1
+          console.log(`\nYou clicked coordinates [${x}, ${y}]`)
+          outcome.textContent = mineSweeper(grid, x, y)
+        }
       })
-      phoneNumInput.oninput = evt => {
-        normalized.textContent = normalizePhoneNumber(evt.target.value)
-      }
+    })
+    phoneNumInput.oninput = evt => {
+      normalized.textContent = normalizePhoneNumber(evt.target.value)
     }
   </script>
 </body>
