diff --git a/debugging/demo/demo1/demo1.js b/debugging/demo/demo1/demo1.js index 0d8e695..2cbce39 100644 --- a/debugging/demo/demo1/demo1.js +++ b/debugging/demo/demo1/demo1.js @@ -1,35 +1,42 @@ -const tomatoes = 'tomatoes'; -const chocolate= 'chocolate'yummy'; -const yogurt = 'yogurt'; +const tomatoes = "tomatoes"; +const chocolate = "chocolate yummy"; +const yogurt = "yogurt"; const rice = "rice"; -const fridge =[{ item: tomatoes, quantity: 5}, - { item: chocolate, quantity: 1}, - { item: yogurt, quantity: 5}]; +const fridge = [ + { item: tomatoes, quantity: 5 }, + { item: chocolate, quantity: 1 }, + { item: yogurt, quantity: 5 }, +]; -const wantedList = [{ item: tomatoes, quantity: 4}, - { item: chocolate, quantity: 10}, - { item: yogurt, quantity: 2}] +const wantedList = [ + { item: tomatoes, quantity: 4 }, + { item: chocolate, quantity: 10 }, + { item: yogurt, quantity: 2 }, +]; const shoppingList = (fridge, wantedList) => { - return wantedList.map(groceryWantedList => { - let groceryFridge = fridge.find( gf => gf.item === groceryWantedList.item); - if (groceryFridge===null){ + return wantedList + .map((groceryWantedList) => { + let groceryFridge = fridge.find( + (gf) => gf.item === groceryWantedList.item + ); + if (groceryFridge === null) { return groceryWantedList; } else { - if (groceryFridge.quantity < groceryWantedList.quantity){ + if (groceryFridge.quantity < groceryWantedList.quantity) { return { - item: groceryWantedList.item, - quantity: groceryWantedList.quantity - groceryFridge.quantity + item: groceryWantedList.item, + quantity: groceryWantedList.quantity - groceryFridge.quantity, }; - } - else{ - return null; + } else { + return null; + } } - } - }).filter(item => item !== null); + }) + .filter((item) => item !== null); }; -shoppingList (fridge, wantedList).forEach( (item) => { - console.log (`${item.item}: ${item.quantity}`); - }) \ No newline at end of file +shoppingList(fridge, wantedList).forEach((item) => { + console.log(`${item.item}: ${item.quantity}`); +}); diff --git a/debugging/demo/demo2/index.html b/debugging/demo/demo2/index.html index 8cc1a42..2207d59 100644 --- a/debugging/demo/demo2/index.html +++ b/debugging/demo/demo2/index.html @@ -1,6 +1,5 @@ - Javascript Demo Exercise 2
+ + diff --git a/debugging/demo/demo2/script.js b/debugging/demo/demo2/script.js index 1c7bec9..4321eb9 100644 --- a/debugging/demo/demo2/script.js +++ b/debugging/demo/demo2/script.js @@ -1,43 +1,48 @@ -document.addEventListener("DOMContentLoaded", ( ) => { - var data = [ - { - text: 'Overshadowing #UNGA is the big question: Will Obama and Rouhani meet?', - href: 'https://twitter.com/cnnbrk/status/382528782738800641' - }, - { - text: "Marine's family hopes visiting Iranian president will help free their son", - href: 'https://twitter.com/cnnbrk/status/382519683053649920' - }, - { - text: 'Obama addresses United Nations.', - href: 'https://twitter.com/cnnbrk/status/382507500903202817' - }, - { - text: '', - href: 'https://twitter.com/CNNMoney/status/382497891723804672' - }, - { - text: "If you're seeing this as a button, congratulations!", - href: 'http://twitter.com' - } - ]; - for (var i = 0; i { + var data = [ + { + text: "Overshadowing #UNGA is the big question: Will Obama and Rouhani meet?", + href: "https://twitter.com/cnnbrk/status/382528782738800641", + }, + { + text: "Marine's family hopes visiting Iranian president will help free their son", + href: "https://twitter.com/cnnbrk/status/382519683053649920", + }, + { + text: "Obama addresses United Nations.", + href: "https://twitter.com/cnnbrk/status/382507500903202817", + }, + { + text: "", + href: "https://twitter.com/CNNMoney/status/382497891723804672", + }, + { + text: "If you're seeing this as a button, congratulations!", + href: "http://twitter.com", + }, + ]; - buttons.forEach(el => el.addEventListener('click', evt => { - const ctrl = evt.target; - if (!ctrl.getAttribute('data-href')) { - document.location = ctrl.getAttribute('data-href'); - }})) - }) + for (var i = 0; i < data.length; i++) { + if (data[i].text) { + const pElement = document.createElement("p"); + const button = document.createElement("button"); + button.type = "button"; + button.classList.add("btn", "btn-default"); + button.setAttribute("data-href", data[i].href); + button.innerText = data[i].text; + pElement.appendChild(button); + document.querySelector("#news").appendChild(pElement); + } + } + const buttons = document.querySelectorAll("button"); + + buttons.forEach((el) => + el.addEventListener("click", (evt) => { + const ctrl = evt.target; + console.log(ctrl); + if (ctrl.getAttribute("data-href")) { + document.location = ctrl.getAttribute("data-href"); + } + }) + ); +}); diff --git a/debugging/exercises/exercise1/exercise1.js b/debugging/exercises/exercise1/exercise1.js index 9878e8c..5571b7b 100644 --- a/debugging/exercises/exercise1/exercise1.js +++ b/debugging/exercises/exercise1/exercise1.js @@ -8,29 +8,27 @@ const countDown = () => { console.log(secondsTolaunch--); switch (secondsTolaunch) { case 7: - console.log('Close Davy Jones' Locker..'); + console.log("Close Davy Jones" + "Locker.."); break; case 3: - console.log('Ignition...'); + console.log("Ignition..."); break; case 0: - console.log('Liftoff!'); + console.log("Liftoff!"); clearInterval(interval); break; default: break; } - }; - if (fuelLevel >= 20000) { - console.log(('Fuel level cleared.'); - launchReady = true; + console.log("Fuel level cleared."); + launchReady = true; } else { - console.log('WARNING: Insufficient fuel!'); - launchReady = false; + console.log("WARNING: Insufficient fuel!"); + launchReady = false; } -if (launchReady){ - interval = setInterval(countDown, 1000) +if (launchReady) { + interval = setInterval(countDown, 1000); } diff --git a/debugging/exercises/exercise2/index.html b/debugging/exercises/exercise2/index.html index 3ab2800..4255bdd 100644 --- a/debugging/exercises/exercise2/index.html +++ b/debugging/exercises/exercise2/index.html @@ -77,6 +77,6 @@

Odin's Library

- + diff --git a/debugging/exercises/exercise2/main.js b/debugging/exercises/exercise2/main.js index dc6b8ee..f901113 100644 --- a/debugging/exercises/exercise2/main.js +++ b/debugging/exercises/exercise2/main.js @@ -19,7 +19,7 @@ const book2 = { read: "No", }; -myLibrary.push(book1; +myLibrary.push(book1); myLibrary.push(book2); render(); @@ -28,7 +28,7 @@ addButtons.forEach((button) => { button.addEventListener("click", () => { formContainer.style.display = "block"; }); -}; +}); function addDeleteButtons() { let deleteButtons = document.querySelectorAll(".delete"); @@ -36,7 +36,7 @@ function addDeleteButtons() { deleteButtons.forEach((button) => { if (button.getAttribute("data-book") == bookNumber) { //Only add eventListeners to new books - button.addEventListener("clicksss", () => { + button.addEventListener("click", () => { deleteBook(button.getAttribute("data-book")); }); } @@ -93,7 +93,7 @@ function render() { let titleCell = document.createElement("td"); titleCell.append(myLibrary[i].title); - row.append(titleCella); + row.append(titleCell); let authorCell = document.createElement("td"); authorCell.append(myLibrary[i].author); @@ -120,7 +120,7 @@ function render() { row.append(readCell); let deleteCell = document.createElement("td"); - let deleteB = document.createElement("button"); + let deleteButton = document.createElement("button"); let icon = document.createElement("ion-icon"); icon.setAttribute("name", "trash-outline"); deleteButton.classList.add("delete"); @@ -133,7 +133,7 @@ function render() { tableBody.insertBefore(row, tableBody.firstChild); - addDeletedButtons(); + addDeleteButtons(); addReadButtons(); bookNumber++; @@ -149,7 +149,7 @@ document.getElementById("submit").addEventListener("click", (e) => { for (let element of form.elements) { if (element.id === "read") { - element.checked ? bookArgs.push("No") : bookArgs.push("Yes"); + element.checked ? bookArgs.push("Yes") : bookArgs.push("No"); element.checked = false; } else { bookArgs.push(element.value); @@ -160,6 +160,6 @@ document.getElementById("submit").addEventListener("click", (e) => { } formContainer.style.display = "none"; - addBookToLibrary(bookArgs[1], bookArgs[0], bookArgs[2], bookArgs[3]); + addBookToLibrary(bookArgs[0], bookArgs[1], bookArgs[2], bookArgs[3]); render(); }); diff --git a/errors/exercise1.js b/errors/exercise1.js index 6adfa43..5834b50 100644 --- a/errors/exercise1.js +++ b/errors/exercise1.js @@ -1,3 +1,3 @@ -if (3 > Math.PI { - console.log("wait what?"); +if (3 > Math.PI) { + console.log("wait what?"); } diff --git a/errors/exercise2.js b/errors/exercise2.js index da8708f..bc748c8 100644 --- a/errors/exercise2.js +++ b/errors/exercise2.js @@ -1,6 +1,7 @@ -let charge = function() { - if (sunny) { - useSolarCells(); - } else { - promptBikeRide(); +let charge = function () { + if (sunny) { + useSolarCells(); + } else { + promptBikeRide(); + } }; diff --git a/errors/exercise3.js b/errors/exercise3.js index d100040..4124f72 100644 --- a/errors/exercise3.js +++ b/errors/exercise3.js @@ -1,2 +1,2 @@ let ward = "hello"; -word.substring(1); +ward.substring(1); diff --git a/errors/exercise4.js b/errors/exercise4.js index c59741a..8592f59 100644 --- a/errors/exercise4.js +++ b/errors/exercise4.js @@ -1,5 +1,5 @@ -let numbers = { a: 13, b: 37, c: 42 }; +let numbers = [{ a: 13, b: 37, c: 42 }]; numbers.map(function (num) { - return num * 2; + return num * 2; }); diff --git a/errors/exercise5.js b/errors/exercise5.js index db8a957..06a1b35 100644 --- a/errors/exercise5.js +++ b/errors/exercise5.js @@ -1,2 +1,2 @@ -let name; +let name = "string"; name.substring(1); diff --git a/errors/exercise6.js b/errors/exercise6.js index 8ef8108..f6210b5 100644 --- a/errors/exercise6.js +++ b/errors/exercise6.js @@ -3,8 +3,8 @@ // Item #2 on the list is eggs // Item #3 on the list is milk -let arr ["bread", eggs", "milk"]; +let arr = ["bread", "eggs", "milk"]; -items.forEach(item, index -> { - console.log(`Item #${index + 1} on the list is ${item}`); -}; +arr.forEach((item, index) => { + console.log(`Item #${index + 1} on the list is ${item}`); +}); diff --git a/errors/exercise7.js b/errors/exercise7.js index 40633fd..5c4388b 100644 --- a/errors/exercise7.js +++ b/errors/exercise7.js @@ -6,27 +6,26 @@ // ] function getTemperatureReport(cities) { - let report = []; + let report = []; - for(let i = 0; i < cities.length(); i++) { - let temperature = temperatureService(city[i]); - report.push(`The temperature in ${city[i]} is ${temperature} degrees`); - } - return report; + for (let i = 0; i < cities.length; i++) { + let temperature = temperatureService(cities[i]); + report.push(`The temperature in ${cities[i]} is ${temperature} degrees`); + } + return report; } -function temperatureService() { - let temparatureMap = { - 'London': 10, - 'Paris': 12, - 'Barcelona': 17, - 'Dubai' 27, - 'Mumbai': 29, - 'São Paulo': 23 - 'Lagos': 33 - - - return temparatureMap[city]; +function temperatureService(city) { + let temparatureMap = { + London: 10, + Paris: 12, + Barcelona: 17, + Dubai: 27, + Mumbai: 29, + "São Paulo": 23, + Lagos: 33, + }; + return temparatureMap[city]; } let report = getTemperatureReport(["London", "Paris", "São Paulo"]);