diff --git a/Aufgaben/Aufgabe_06_2020-06-03/script.js b/Aufgaben/Aufgabe_06_2020-06-03/script.js index f4ec20c..a8b2dfd 100644 --- a/Aufgaben/Aufgabe_06_2020-06-03/script.js +++ b/Aufgaben/Aufgabe_06_2020-06-03/script.js @@ -139,10 +139,16 @@ var Aufgabe06; ] } ]; - printProducts(); + printProducts(100); //create Structure; - function printProducts() { - for (let nummer = 0; nummer < categories.length; nummer++) { + function printProducts(_catNumber) { + clearProducts(); + let catCheck = false; + if (_catNumber != 100) + catCheck = true; + else + _catNumber = 0; + for (let nummer = _catNumber; nummer < categories.length; nummer++) { let heading = document.createElement("h1"); heading.setAttribute("id", categories[nummer].id); heading.innerHTML = `${categories[nummer].title}`; @@ -168,36 +174,10 @@ var Aufgabe06; `; container.appendChild(product); } + if (catCheck) + break; } - } - function drawCategory(_catNumber) { - clearProducts(); - let heading = document.createElement("h1"); - heading.setAttribute("id", categories[_catNumber].id); - heading.innerHTML = `${categories[_catNumber].title}`; - document.querySelector("#übersicht").appendChild(heading); - let container = document.createElement("div"); - container.classList.add("container"); - document.querySelector("#übersicht").appendChild(container); - for (let index = 0; index < categories[_catNumber].products.length; index++) { - let product = document.createElement("div"); - product.classList.add("product"); - product.innerHTML = ` -

${categories[_catNumber].products[index].title}

-
- ${categories[_catNumber].products[index].price} ¥ - - -
- Product -

Size: ${categories[_catNumber].products[index].size}

-
-

${categories[_catNumber].products[index].description}

-
- `; - //product.querySelector("button")!.setAttribute("productPrice", "${categories[catNumber].products[index].price}"); - container.appendChild(product); - } + addShoppingFunction(); } function clearProducts() { console.log("Ich wurde geklickt"); @@ -207,21 +187,20 @@ var Aufgabe06; } } document.querySelector("#special_a").addEventListener("click", drawSpecial); - document.querySelector("#bunt_a").addEventListener("click", drawBunt); - document.querySelector("#grün_a").addEventListener("click", drawGrün); - document.querySelector("#all_a").addEventListener("click", drawAll); function drawSpecial() { - drawCategory(0); + printProducts(0); } + document.querySelector("#bunt_a").addEventListener("click", drawBunt); function drawBunt() { - drawCategory(1); + printProducts(1); } + document.querySelector("#grün_a").addEventListener("click", drawGrün); function drawGrün() { - drawCategory(2); + printProducts(2); } + document.querySelector("#all_a").addEventListener("click", drawAll); function drawAll() { - clearProducts(); - printProducts(); + printProducts(100); } function money(_event) { let target = _event.target; @@ -232,9 +211,11 @@ var Aufgabe06; shoppingCount++; document.querySelector("#shoppingCartNumber").innerHTML = shoppingCount.toLocaleString(); } - const buttons = document.getElementsByClassName("addProduct"); - for (const button of buttons) { - button.addEventListener("click", money); + function addShoppingFunction() { + const buttons = document.getElementsByClassName("addProduct"); + for (const button of buttons) { + button.addEventListener("click", money); + } } })(Aufgabe06 || (Aufgabe06 = {})); // Folgender auskommentierter Code dient mir als Archiv für Gedankenansätze oder Verläufe. diff --git a/Aufgaben/Aufgabe_06_2020-06-03/script.js.map b/Aufgaben/Aufgabe_06_2020-06-03/script.js.map index 2b8d89f..5304633 100644 --- a/Aufgaben/Aufgabe_06_2020-06-03/script.js.map +++ b/Aufgaben/Aufgabe_06_2020-06-03/script.js.map @@ -1 +1 @@ -{"version":3,"file":"script.js","sourceRoot":"","sources":["script.ts"],"names":[],"mappings":"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"} \ No newline at end of file +{"version":3,"file":"script.js","sourceRoot":"","sources":["script.ts"],"names":[],"mappings":"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"} \ No newline at end of file diff --git a/Aufgaben/Aufgabe_06_2020-06-03/script.ts b/Aufgaben/Aufgabe_06_2020-06-03/script.ts index 7c67067..b15e806 100644 --- a/Aufgaben/Aufgabe_06_2020-06-03/script.ts +++ b/Aufgaben/Aufgabe_06_2020-06-03/script.ts @@ -155,12 +155,21 @@ namespace Aufgabe06 { } ]; - printProducts(); + printProducts(100); //create Structure; - function printProducts(): void { - for (let nummer: number = 0; nummer < categories.length; nummer++) { + function printProducts(_catNumber: number): void { + + clearProducts(); + + let catCheck: boolean = false; + if (_catNumber != 100) + catCheck = true; + else + _catNumber = 0; + + for (let nummer: number = _catNumber; nummer < categories.length; nummer++) { let heading: HTMLHeadingElement = document.createElement("h1"); heading.setAttribute("id", categories[nummer].id); @@ -189,43 +198,10 @@ namespace Aufgabe06 { `; container.appendChild(product); } - + if (catCheck) + break; } - - } - - function drawCategory(_catNumber: number): void { - clearProducts(); - - let heading: HTMLHeadingElement = document.createElement("h1"); - heading.setAttribute("id", categories[_catNumber].id); - heading.innerHTML = `${categories[_catNumber].title}`; - (document.querySelector("#übersicht")).appendChild(heading); - - let container: HTMLDivElement = document.createElement("div"); - container.classList.add("container"); - (document.querySelector("#übersicht")).appendChild(container); - - for (let index: number = 0; index < categories[_catNumber].products.length; index++) { - let product: HTMLDivElement = document.createElement("div"); - product.classList.add("product"); - product.innerHTML = ` -

${categories[_catNumber].products[index].title}

-
- ${categories[_catNumber].products[index].price} ¥ - - -
- Product -

Size: ${categories[_catNumber].products[index].size}

-
-

${categories[_catNumber].products[index].description}

-
- `; - //product.querySelector("button")!.setAttribute("productPrice", "${categories[catNumber].products[index].price}"); - container.appendChild(product); - } - + addShoppingFunction(); } function clearProducts(): void { @@ -237,22 +213,20 @@ namespace Aufgabe06 { } (document.querySelector("#special_a")).addEventListener("click", drawSpecial); - (document.querySelector("#bunt_a")).addEventListener("click", drawBunt); - (document.querySelector("#grün_a")).addEventListener("click", drawGrün); - (document.querySelector("#all_a")).addEventListener("click", drawAll); - function drawSpecial(): void { - drawCategory(0); + printProducts(0); } + (document.querySelector("#bunt_a")).addEventListener("click", drawBunt); function drawBunt(): void { - drawCategory(1); + printProducts(1); } + (document.querySelector("#grün_a")).addEventListener("click", drawGrün); function drawGrün(): void { - drawCategory(2); + printProducts(2); } + (document.querySelector("#all_a")).addEventListener("click", drawAll); function drawAll(): void { - clearProducts(); - printProducts(); + printProducts(100); } function money(_event: Event): void { @@ -265,9 +239,11 @@ namespace Aufgabe06 { (document.querySelector("#shoppingCartNumber")).innerHTML = shoppingCount.toLocaleString(); } - const buttons: HTMLCollectionOf = document.getElementsByClassName("addProduct"); - for (const button of buttons) { - button.addEventListener("click", money); + function addShoppingFunction(): void { + const buttons: HTMLCollectionOf = document.getElementsByClassName("addProduct"); + for (const button of buttons) { + button.addEventListener("click", money); + } } }