CityJavaMex
diff --git a/‎.eslintrc‎
Lines changed: 5 additions & 0 deletions b/‎.eslintrc‎
Lines changed: 5 additions & 0 deletions
diff --git a/‎exercises/16 - Debugging/debugging-FINISHED.js‎
Lines changed: 78 additions & 0 deletions b/‎exercises/16 - Debugging/debugging-FINISHED.js‎
Lines changed: 78 additions & 0 deletions
diff --git a/‎exercises/16 - Debugging/debugging-START.js‎
Lines changed: 58 additions & 0 deletions b/‎exercises/16 - Debugging/debugging-START.js‎
Lines changed: 58 additions & 0 deletions
diff --git a/‎exercises/16 - Debugging/debugging.html‎
Lines changed: 16 additions & 0 deletions b/‎exercises/16 - Debugging/debugging.html‎
Lines changed: 16 additions & 0 deletions
@@ -0,0 +1,5 @@
+{
+  "extends": [
+    "wesbos"
+  ]
+}
@@ -0,0 +1,78 @@
+const people = [
+  { name: 'Wes', cool: true, country: 'Canada' },
+  { name: 'Scott', cool: true, country: 'Merica' },
+  { name: 'Snickers', cool: false, country: 'Dog Country' },
+];
+
+/* Victor Mono */
+// New Font!
+people.forEach((person, index) => {
+  console.log(person.name);
+});
+
+// console.table(people);
+
+// Console Methods
+
+// Callstack, Stack Trace
+
+// Grabbing Elements
+
+// Breakpoints
+
+// Scope
+
+// Network Requests
+
+// Break On Attribute
+
+// Some Setup Code
+
+function doALotOfStuff() {
+  console.group('Doing some stuff');
+  console.log('Hey Im one');
+  console.warn('watch out!');
+  console.error('hey');
+  console.groupEnd('Doing some stuff');
+}
+
+function doctorize(name) {
+  // console.count(`running Doctorize for ${name}`);
+  return `Dr. ${name}`;
+}
+
+function greet(name) {
+  doesntExist(); // Cause an error
+  return `Hello ${name}`;
+}
+
+function go() {
+  const name = doctorize(greet('Wes'));
+  console.log(name);
+}
+
+function bootstrap() {
+  console.log('Starting the app!');
+  go();
+}
+
+// bootstrap();
+
+const button = document.querySelector('.bigger');
+button.addEventListener('click', function(e) {
+  const newFontSize =
+    parseFloat(getComputedStyle(e.currentTarget).fontSize) + 1;
+  e.currentTarget.style.fontSize = `${newFontSize}px`;
+});
+
+// A Dad joke fetch
+async function fetchDadJoke() {
+  const res = await fetch('https://icanhazdadjoke.com/', {
+    headers: {
+      Accept: 'text/plain',
+    },
+  });
+  const joke = await res.text();
+  console.log(joke);
+  return joke;
+}
@@ -0,0 +1,58 @@
+const people = [
+  { name: 'Wes', cool: true, country: 'Canada' },
+  { name: 'Scott', cool: true, country: 'Merica' },
+  { name: 'Snickers', cool: false, country: 'Dog Country' },
+];
+
+people.forEach((person, index) => {
+  console.log(person.name);
+});
+
+// Console Methods
+
+// Callstack
+
+// Grabbing Elements
+
+// Breakpoints
+
+// Scope
+
+// Network Requests
+
+// Break On Attribute
+
+// Some Setup Code
+
+function doctorize(name) {
+  return `Dr. ${name}`;
+}
+
+function greet(name) {
+  doesntExist();
+  return `Hello ${name}`;
+}
+
+function go() {
+  const name = doctorize(greet('Wes'));
+  console.log(name);
+}
+
+const button = document.querySelector('.bigger');
+button.addEventListener('click', function(e) {
+  const newFontSize =
+    parseFloat(getComputedStyle(e.currentTarget).fontSize) + 1;
+  e.currentTarget.style.fontSize = `${newFontSize}px`;
+});
+
+// A Dad joke fetch
+async function fetchDadJoke() {
+  const res = await fetch('https://icanhazdadjoke.com/', {
+    headers: {
+      Accept: 'text/plain',
+    },
+  });
+  const joke = await res.text();
+  console.log(joke);
+  return joke;
+}
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width,initial-scale=1.0">
+  <title></title>
+  <link rel="stylesheet" href="../../base.css">
+</head>
+
+<body>
+  <button class="bigger">Make Me Bigger</button>
+  <script src="./debugging.js"></script>
+</body>
+
+</html>
-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +{
 +  "extends": [
 +    "wesbos"
 +  ]
 +}