Codestin Search App

diff --git a/javascript2/week2/inclass/ex2.js b/javascript2/week2/inclass/ex2.js index ba5a8ef9..50dd0ab5 100644 --- a/javascript2/week2/inclass/ex2.js +++ b/javascript2/week2/inclass/ex2.js @@ -34,15 +34,25 @@ function generateListings(numberOfListings) { return listings; } const tableBodyTag = document.getElementById("tableBody") -const listings = generateListings(37); +const listings = generateListings(1000); // Filter listings const filter = { type: 'farm', + facilities: ['Parkering', 'Husdyr'], minPrice: 1500, maxPrice: 8000, + hasGarden: false, + minSize: 50, + maxSize: 700 }; +// add filter do DOM with id filter +const filterTag = document.getElementById("filter") +// JSON stringify with line breaks and spaces +filterTag.innerHTML = JSON.stringify(filter, null, 2) + + // const filterListings = (listings, filter) => { // const filteredItems = listings // .filter(listing => listing.type.toLowerCase() === filter.type) @@ -53,13 +63,24 @@ const filter = { const filterListings = (listings, filter) => { const allowedKeys = ["type", "facilities", "minPrice", "maxPrice", "hasGarden", "minSize", "maxSize"] const filteredKeys = Object.keys(filter).filter(element => allowedKeys.includes(element)) - // console.log(filteredKeys) + console.log(filteredKeys) const filterFunctions = { - type: listing => listing.type.toLowerCase() === filter.type, + type: listing => listing.type.toLowerCase() === filter.type.toLowerCase(), + // next line is a bit more complicated, but it works + // it checks if the filter.facilities array includes any of the listing.facilities + // for filter.facilities.every see: + // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/every + facilities: listing => filter.facilities.every(facility => { + const listingFacilities = listing.facilities.map(facility => facility.toLowerCase()) + const filterFacility = facility.toLowerCase() + return listingFacilities.includes(filterFacility) + }), minPrice: listing => listing.price >= filter.minPrice, maxPrice: listing => listing.price <= filter.maxPrice, - // add key and filtering function for each allowedKey from allowedKeys + hasGarden: listing => listing.hasGarden === filter.hasGarden, + minSize: listing => listing.size >= filter.minSize, + maxSize: listing => listing.size <= filter.maxSize, } filteredKeys.forEach(key => { From e82df3a7d3e9dc43748658640f69e01d84acc79a Mon Sep 17 00:00:00 2001 From: Rasmus Jones Date: Sun, 2 Apr 2023 17:10:46 +0200 Subject: [PATCH 5/6] inclass files from js2week2 improvement --- javascript2/week2/inclass/ex2.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/javascript2/week2/inclass/ex2.js b/javascript2/week2/inclass/ex2.js index 50dd0ab5..e39510a2 100644 --- a/javascript2/week2/inclass/ex2.js +++ b/javascript2/week2/inclass/ex2.js @@ -68,7 +68,7 @@ const filterListings = (listings, filter) => { const filterFunctions = { type: listing => listing.type.toLowerCase() === filter.type.toLowerCase(), // next line is a bit more complicated, but it works - // it checks if the filter.facilities array includes any of the listing.facilities + // it checks if every element in filter.facilities is included in listing.facilities // for filter.facilities.every see: // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/every facilities: listing => filter.facilities.every(facility => { From fe92cb3b80dc5359146514c8c7331931b71f72ff Mon Sep 17 00:00:00 2001 From: Rasmus Jones Date: Sun, 16 Apr 2023 16:09:58 +0200 Subject: [PATCH 6/6] js2 week3 inclass files --- .../week3/inclass/anonymousFunctions.js | 24 +++++++ javascript2/week3/inclass/every_some.js | 11 ++++ javascript2/week3/inclass/exercise1.html | 36 +++++++++++ javascript2/week3/inclass/exercise2.html | 64 +++++++++++++++++++ .../week3/inclass/functionInFunction.js | 20 ++++++ javascript2/week3/inclass/setInterval.html | 40 ++++++++++++ javascript2/week3/inclass/setTimeout.html | 26 ++++++++ .../inclass/setTimeoutWithParameters.html | 25 ++++++++ 8 files changed, 246 insertions(+) create mode 100755 javascript2/week3/inclass/anonymousFunctions.js create mode 100644 javascript2/week3/inclass/every_some.js create mode 100644 javascript2/week3/inclass/exercise1.html create mode 100644 javascript2/week3/inclass/exercise2.html create mode 100755 javascript2/week3/inclass/functionInFunction.js create mode 100755 javascript2/week3/inclass/setInterval.html create mode 100755 javascript2/week3/inclass/setTimeout.html create mode 100644 javascript2/week3/inclass/setTimeoutWithParameters.html diff --git a/javascript2/week3/inclass/anonymousFunctions.js b/javascript2/week3/inclass/anonymousFunctions.js new file mode 100755 index 00000000..464e0f24 --- /dev/null +++ b/javascript2/week3/inclass/anonymousFunctions.js @@ -0,0 +1,24 @@ +function multBy2(x){ + // body of the function + // scope of the function + return 2 * x +} + +console.log(typeof multBy2) +console.log(typeof multBy2(4)) // HERE WE CALL/EVALUATE THE FUNCTION +console.log(multBy2) +console.log(multBy2(4)) + + +const multBy2AsVariable = x => 2 * x +console.log(typeof multBy2AsVariable) + + +// anonymous function! +const arrayOfNumbers = [1, 2, 3, 4] +const mappedValues = arrayOfNumbers.map(x => 4 * x) // anonymous function +console.log(mappedValues) + +const arrayOtherNumbers = [6, 7, 8, 9] +const otherMappedValues = arrayOtherNumbers.map(multBy2) // named function` +console.log(otherMappedValues) \ No newline at end of file diff --git a/javascript2/week3/inclass/every_some.js b/javascript2/week3/inclass/every_some.js new file mode 100644 index 00000000..77c5e1d2 --- /dev/null +++ b/javascript2/week3/inclass/every_some.js @@ -0,0 +1,11 @@ +const array = [True, True, True] + +// array[0] && array[1] && array[2] +if(array.every(x => x)){ + console.log("Waiting for...") +} + +// array[0] || array[1] || array[2] +if(array.some(x => x)){ + console.log("... Pizza") +} \ No newline at end of file diff --git a/javascript2/week3/inclass/exercise1.html b/javascript2/week3/inclass/exercise1.html new file mode 100644 index 00000000..52d326a2 --- /dev/null +++ b/javascript2/week3/inclass/exercise1.html @@ -0,0 +1,36 @@ + + + + Codestin Search App + + + + + + + + \ No newline at end of file diff --git a/javascript2/week3/inclass/exercise2.html b/javascript2/week3/inclass/exercise2.html new file mode 100644 index 00000000..1dfba0d4 --- /dev/null +++ b/javascript2/week3/inclass/exercise2.html @@ -0,0 +1,64 @@ + + + + Codestin Search App + + + +

+ + + \ No newline at end of file diff --git a/javascript2/week3/inclass/functionInFunction.js b/javascript2/week3/inclass/functionInFunction.js new file mode 100755 index 00000000..7a203685 --- /dev/null +++ b/javascript2/week3/inclass/functionInFunction.js @@ -0,0 +1,20 @@ +const action = (x, y, callback) => { + const result = callback(x, y); + return result; +} + +const add = (x, y) => x + y; +const sub = (x, y) => x - y; + +console.log(add) +console.log(add(4, 4)) +console.log(sub) +console.log(sub(8, 4)) +console.log(action) + +// named function into action +console.log( action(8, 8, add) ) +console.log( action(16, 2, sub) ) + +// // anonymous function into action +console.log( action(8, 8, (x, y) => x * y) ) \ No newline at end of file diff --git a/javascript2/week3/inclass/setInterval.html b/javascript2/week3/inclass/setInterval.html new file mode 100755 index 00000000..5555640b --- /dev/null +++ b/javascript2/week3/inclass/setInterval.html @@ -0,0 +1,40 @@ + + + + Codestin Search App + + + + + + \ No newline at end of file diff --git a/javascript2/week3/inclass/setTimeout.html b/javascript2/week3/inclass/setTimeout.html new file mode 100755 index 00000000..f240dde6 --- /dev/null +++ b/javascript2/week3/inclass/setTimeout.html @@ -0,0 +1,26 @@ + + + + Codestin Search App + + + + + \ No newline at end of file diff --git a/javascript2/week3/inclass/setTimeoutWithParameters.html b/javascript2/week3/inclass/setTimeoutWithParameters.html new file mode 100644 index 00000000..0ca03432 --- /dev/null +++ b/javascript2/week3/inclass/setTimeoutWithParameters.html @@ -0,0 +1,25 @@ + + + + Codestin Search App + + + + + \ No newline at end of file

Hack your future

This is a heading

This is a heading number two

+ Listings +

+ + + + + Hungry For Apples? + + + + +

Listings

Filter options