From f9bb98e7b01b7fc97e3e53dc59f94ee258145265 Mon Sep 17 00:00:00 2001 From: Robin Schumann <2210880@stud.hs-mannheim.de> Date: Sun, 7 May 2023 15:30:24 +0200 Subject: [PATCH] Bildernamen angepasst, Warenkorb.js neu --- .DS_Store | Bin 6148 -> 8196 bytes public/.DS_Store | Bin 6148 -> 6148 bytes public/css/desktop.css | 19 +- public/javascript/.DS_Store | Bin 0 -> 6148 bytes public/javascript/warenkorb.js | 574 ++---------------- public/pictures/{äpfel.png => aepfel.png} | Bin ...eis.png.avif => aepfel_ohne_preis.png.avif} | Bin public/produkte.html | 2 +- public/warenkorb.html | 69 ++- 9 files changed, 106 insertions(+), 558 deletions(-) create mode 100644 public/javascript/.DS_Store rename public/pictures/{äpfel.png => aepfel.png} (100%) rename public/pictures/{äpfel_ohne_preis.png.avif => aepfel_ohne_preis.png.avif} (100%) diff --git a/.DS_Store b/.DS_Store index b58b51eb1bcce3b292f0b283b09be84d2d433f4f..1a753e6af73e3d46e98c43631ffb579845b763c4 100644 GIT binary patch literal 8196 zcmeHMU2GIp6h3GAcV`MR6bi-7(v<~Mv4zr>@(vpZuuGCQ;E><>_D z`a}dx)ENAG^)J2sfYHUNT2I{_8lUIaye9b)nJAJyfC=eT$<3xLCpAwy5Cjnj zA`nC%h(Hj5AOin~2+*0$8(ZMq7qdYhL?DR3eHj7%eu&V;Y0RfHf_kqG>bw$wXf=tw zMq{c2Je!D5V?Lb`)H9_uMfHHbDf%S_3Uiu|aCM?FpUwy>%mIZtpnqrdD-`tZPIeJb z9WW+n&<7C+A}~J!ymqgJEEFIGRz>}OC6%>IH{afV9i^)3n%X*6$LiU!#H3S7wvqD;Ox+-rqoby+JEdNyVC$}Dn-CLBW^z(( znwo0c)ZH5C+Om1NH8QoWqn*Z`-P6-DYm9E(aVUAx%Gk~Y;RgDz0$5z(*7KD<>2BIe z(H^}*1C(N@(QeEOw zG!76um@|qLh0(NQ6*9J)RF|eTD_yX(ywPJ>T-hDV8>jPpbl7!r`94oEsj3CnIAoBX zSv2CLO{NWerGaeTbZmFT$hkzLv376EAYWS47+&-6qwSlw@9x{*KRCPifhDTape!FP zny#6$jNy{0=O@QCH*MIuX-^!caNBwFDbvWwOR-fRvbBsctFBntwCcf7s8YMU%2**~ zo+_C6GisDEagXNEL$dlYJF3$rA9r-VqVCOvnnUXtJHq9CIfHs3R$4;qWmRKCF1ak0 zXj3-Isw)qjBuog?4yB8!x;$)YDZ>(?Ey^~g9+XFm!gC>PP-F7MHGLnjZKR;*M*2SNv#dX*h^C$*e0P$Hm~xSU?&X1IOtG<7vLhi z3h%%rxD21b7w{cig==sfeuSUlSNIeD#u}_chB7wbGHk>Z7{yj>!wt9{`!J6Ca6k6r zFpl6Dj^lBhz)5@>PvR*&i&Hp_&*C|J5nsZW@lAXS-^O?GJ-m#c;#c@JeuJ}k4Zp`5 zcoToa-|-I#Bw13VdTF)PEVW3RrEcMeR8FsP!Iyh!D~;x6kz4dX`AOQHvLw8BpVIlC zX2}nWcwQ`RShl=zb+o0eqkG4mTj&vBE92{S+SQNxI|`!Si7*G` z#YE1w9D9P+E+>ZA(!JYPiLE#B`hV}j-~aDj2ZNml5eOo1*9c&BJQ43DwS``6yw;A; zb%HM5xZaGQo(XkcIZo6o$BEwh!;r=iQsp)=pUwzM5^DeYhk)Sxzx^k>9Gw56?!Dj6 G|9=2nZD*DM delta 134 zcmZp1XfcprU|?W$DortDU=RQ@Ie-{MGqg=C6q~50D9Q+A12Ir6lOZ{!I5{UNKR;(; zp*kbuw&zl<&?$cO_#%rM!8N1BHT OVhPAzhRyLjGnfGtRu+B$ diff --git a/public/.DS_Store b/public/.DS_Store index 006c9572c849d374fced8b1ff3bf7e527e2f657c..fcb04755433b0e6950adc27fdcf133e1b3ea1f21 100644 GIT binary patch literal 6148 zcmeHK&2G~`5T0!U-Lyio5S4mBXse!(B9XMHv~V#Y98iUXFan{1f*nV#!SP11-5jDw zK8IJ}9k}uWeTANQ7-oN}*w`sOAyjsx*>87eX1DWAyxRo;(nJA@^|f!yA>n&4gjVFz~N2Aimui^dW}Wo8-UWFo=^@>zu6A>Njq# z(p9=nKRPFT;v{a8#vONjBt~yI550@N>%9#Ilb&_w8IKY-hz4UB5cmUh`S31?d_L*$ zH1cB^>nHVNoKAP!`%Sj9-`07j5p6NW2u^W%Q#;jdw7^2LH||6E2=zC3r&9>0I7%2T=N zkS~h$C*NY}Y}~%ONWT@5V&MWTVFD?ZaR6~X(UP%{ETVtkBg#*!#52AM_`h`N|?zlda?m%pXrZo&028s;S z)X)<5|MTVV|6-6C83qgk*NOpB?>gNMrljxIQgY(1WvHJ}g$Tb)p$x%BU&pc|uHsEp bDQIJ&gJ^5a6ygku`A0y~U>d`~UuEDIhzIw- delta 89 zcmZoMXfc=|#>CJzu~2NHo}wrt0|NsP3otO0G88eSG8Cs2C+AEoRG+NDuDDr*Lzrb_ og9r0wb`E|Hpq|Zw9N(EI^NZ+mg0vj~Vur~!JkpzEM3yiE0GDeN9RL6T diff --git a/public/css/desktop.css b/public/css/desktop.css index eeccd96..03ce1cb 100644 --- a/public/css/desktop.css +++ b/public/css/desktop.css @@ -388,13 +388,17 @@ } - #menue { + #menue1, + #menue2, + #menue3 { width: 35px; height: 25px; margin-left: 10px; } - .content .gesamtbetrag { + .content .gesamtbetrag1, + .content .gesamtbetrag2, + .content .gesamtbetrag3 { font-weight: bold; color: black; position: absolute; @@ -403,12 +407,6 @@ right: 15px; } - .gesamtbetrag { - position: absolute; - font-size: 1em; - bottom: 15px; - right: 15px; - } .button_hinzufuegen { background-color: #9BB558; @@ -455,6 +453,7 @@ padding-left: 50px; margin-top: 22.5px; margin-left: auto; + margin-right: 150px; margin-bottom: 22.5px; display: grid; grid-template-rows: auto auto; @@ -463,7 +462,7 @@ .content .kostenContainer { position: relative; - width: 300px; + width: 320px; height: 60px; font-weight: bold; font-size: 0.9em; @@ -475,7 +474,7 @@ color: black; display: inline-block; margin-left: 0px; - margin-right: 110px; + margin-right: 118px; text-align: right; } diff --git a/public/javascript/.DS_Store b/public/javascript/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..5008ddfcf53c02e82d7eee2e57c38e5672ef89f6 GIT binary patch literal 6148 zcmeH~Jr2S!425mzP>H1@V-^m;4Wg<&0T*E43hX&L&p$$qDprKhvt+--jT7}7np#A3 zem<@ulZcFPQ@L2!n>{z**++&mCkOWA81W14cNZlEfg7;MkzE(HCqgga^y>{tEnwC%0;vJ&^%eQ zLs35+`xjp>T0 1) { - produkt.anzahl--; - localStorage.setItem("warenkorb", JSON.stringify(warenkorb)); - } else { - entferneProdukt("karotte"); - console.log("Hier ausgabe vom Warenkorb:"); - console.log(warenkorb); - const karotteContainer = document.querySelector('[data-id="karotte"]'); - //Löschen vom warenkorbDiv - warenkorbContainer.removeChild(karotteContainer); - } - location.reload(true); - }); - } else if (produkt.id === "sellerie") { - const warenkorbDiv = document.createElement("div"); - warenkorbDiv.setAttribute("data-id", "sellerie"); - warenkorbDiv.classList.add("produkte_warenkorb"); - const produktBild = document.createElement("img"); - produktBild.src = "pictures/sellerie_ohne_preis.webp" - produktBild.alt = produkt.id; - warenkorbDiv.appendChild(produktBild); - - const produktDetails = document.createElement("div"); - produktDetails.classList.add("produkte_details"); - - const produktBeschreibung = document.createTextNode("Sellerie 1 Stück"); - const produktPreis = document.createTextNode("Kosten: 1.10€"); - const aufLager = document.createTextNode("Auf Lager: 1000"); - - produktDetails.appendChild(produktBeschreibung); - produktDetails.appendChild(document.createElement("br")); - produktDetails.appendChild(produktPreis); - produktDetails.appendChild(document.createElement("br")); - produktDetails.appendChild(document.createElement("br")); - produktDetails.appendChild(aufLager); - - const buttonMitMenue = document.createElement("div"); - buttonMitMenue.classList.add("button_mit_menue"); - const paraButton = document.createElement("p"); - const buttonEntfernen = document.createElement("a"); - buttonEntfernen.classList.add("button_entfernen"); - buttonEntfernen.innerText = "Entfernen"; - buttonEntfernen.setAttribute("href", "#"); - - const menue = document.createElement("input"); - menue.setAttribute("type", "number"); - menue.setAttribute("id", "menue"); - menue.setAttribute("value", produkt.anzahl); - menue.setAttribute("max", produkt.anzahl); - menue.setAttribute("min", "0"); - menue.setAttribute("pattern", "[0-9]*"); - paraButton.appendChild(buttonEntfernen); - buttonMitMenue.appendChild(paraButton); - buttonMitMenue.appendChild(menue); - - const gesamtPreis = document.createElement("p"); - gesamtPreis.classList.add("gesamtbetrag"); - const gesamtPreisText = document.createTextNode("Betrag Gesamt (inkl. MwSt): " + ((produkt.preis * produkt.anzahl).toFixed(2))); - gesamtPreis.appendChild(gesamtPreisText); - - - warenkorbDiv.appendChild(produktDetails); - warenkorbDiv.appendChild(gesamtPreis); - warenkorbDiv.appendChild(buttonMitMenue); - const warenkorbContainer = document.querySelector(".warenkorb-container"); - warenkorbContainer.appendChild(warenkorbDiv); - buttonEntfernen.addEventListener("click", function (event) { - if (produkt.anzahl > 1) { - produkt.anzahl--; - localStorage.setItem("warenkorb", JSON.stringify(warenkorb)); - } else { - entferneProdukt("sellerie"); - console.log("Hier ausgabe vom Warenkorb:"); - console.log(warenkorb); - const sellerieContainer = document.querySelector('[data-id="sellerie"]'); - //Löschen vom warenkorbDiv - warenkorbContainer.removeChild(sellerieContainer); - } - location.reload(true); - }); - } else if (produkt.id === "birnen") { - const warenkorbDiv = document.createElement("div"); - warenkorbDiv.setAttribute("data-id", "birnen"); - warenkorbDiv.classList.add("produkte_warenkorb"); - const produktBild = document.createElement("img"); - produktBild.src = "pictures/birne_ohne_preis.webp" - produktBild.alt = produkt.id; - warenkorbDiv.appendChild(produktBild); - - const produktDetails = document.createElement("div"); - produktDetails.classList.add("produkte_details"); - - const produktBeschreibung = document.createTextNode("Birne 0.5kg"); - const produktPreis = document.createTextNode("Kosten: 0.50€"); - const aufLager = document.createTextNode("Auf Lager: 500"); - - produktDetails.appendChild(produktBeschreibung); - produktDetails.appendChild(document.createElement("br")); - produktDetails.appendChild(produktPreis); - produktDetails.appendChild(document.createElement("br")); - produktDetails.appendChild(document.createElement("br")); - produktDetails.appendChild(aufLager); - - const buttonMitMenue = document.createElement("div"); - buttonMitMenue.classList.add("button_mit_menue"); - const paraButton = document.createElement("p"); - const buttonEntfernen = document.createElement("a"); - buttonEntfernen.classList.add("button_entfernen"); - buttonEntfernen.innerText = "Entfernen"; - buttonEntfernen.setAttribute("href", "#"); - - const menue = document.createElement("input"); - menue.setAttribute("type", "number"); - menue.setAttribute("id", "menue"); - menue.setAttribute("value", produkt.anzahl); - menue.setAttribute("max", produkt.anzahl); - menue.setAttribute("min", "0"); - menue.setAttribute("pattern", "[0-9]*"); - paraButton.appendChild(buttonEntfernen); - buttonMitMenue.appendChild(paraButton); - buttonMitMenue.appendChild(menue); - - const gesamtPreis = document.createElement("p"); - gesamtPreis.classList.add("gesamtbetrag"); - const gesamtPreisText = document.createTextNode("Betrag Gesamt (inkl. MwSt): " + ((produkt.preis * produkt.anzahl).toFixed(2))); - gesamtPreis.appendChild(gesamtPreisText); - - - warenkorbDiv.appendChild(produktDetails); - warenkorbDiv.appendChild(gesamtPreis); - warenkorbDiv.appendChild(buttonMitMenue); - const warenkorbContainer = document.querySelector(".warenkorb-container"); - warenkorbContainer.appendChild(warenkorbDiv); - buttonEntfernen.addEventListener("click", function (event) { - if (produkt.anzahl > 1) { - produkt.anzahl--; - localStorage.setItem("warenkorb", JSON.stringify(warenkorb)); - } else { - entferneProdukt("birnen"); - console.log("Hier ausgabe vom Warenkorb:"); - console.log(warenkorb); - const birnenContainer = document.querySelector('[data-id="birnen"]'); - //Löschen vom warenkorbDiv - warenkorbContainer.removeChild(birnenContainer); - } - location.reload(true); - }); - } else if (produkt.id === "kiwi") { - const warenkorbDiv = document.createElement("div"); - warenkorbDiv.setAttribute("data-id", "kiwi"); - warenkorbDiv.classList.add("produkte_warenkorb"); - const produktBild = document.createElement("img"); - produktBild.src = "pictures/kiwi_ohne_preis.png.avif" - produktBild.alt = produkt.id; - warenkorbDiv.appendChild(produktBild); - - const produktDetails = document.createElement("div"); - produktDetails.classList.add("produkte_details"); - - const produktBeschreibung = document.createTextNode("Kiwi 0.5kg"); - const produktPreis = document.createTextNode("Kosten: 0.95€"); - const aufLager = document.createTextNode("Auf Lager: 250"); - produktDetails.appendChild(produktBeschreibung); - produktDetails.appendChild(document.createElement("br")); - produktDetails.appendChild(produktPreis); - produktDetails.appendChild(document.createElement("br")); - produktDetails.appendChild(document.createElement("br")); - produktDetails.appendChild(aufLager); - - const buttonMitMenue = document.createElement("div"); - buttonMitMenue.classList.add("button_mit_menue"); - const paraButton = document.createElement("p"); - const buttonEntfernen = document.createElement("a"); - buttonEntfernen.classList.add("button_entfernen"); - buttonEntfernen.innerText = "Entfernen"; - buttonEntfernen.setAttribute("href", "#"); - - const menue = document.createElement("input"); - menue.setAttribute("type", "number"); - menue.setAttribute("id", "menue"); - menue.setAttribute("value", produkt.anzahl); - menue.setAttribute("max", produkt.anzahl); - menue.setAttribute("min", "0"); - menue.setAttribute("pattern", "[0-9]*"); - paraButton.appendChild(buttonEntfernen); - buttonMitMenue.appendChild(paraButton); - buttonMitMenue.appendChild(menue); - - const gesamtPreis = document.createElement("p"); - gesamtPreis.classList.add("gesamtbetrag"); - const gesamtPreisText = document.createTextNode("Betrag Gesamt (inkl. MwSt): " + ((produkt.preis * produkt.anzahl).toFixed(2))); - gesamtPreis.appendChild(gesamtPreisText); - - - warenkorbDiv.appendChild(produktDetails); - warenkorbDiv.appendChild(gesamtPreis); - warenkorbDiv.appendChild(buttonMitMenue); - const warenkorbContainer = document.querySelector(".warenkorb-container"); - warenkorbContainer.appendChild(warenkorbDiv); - buttonEntfernen.addEventListener("click", function (event) { - if (produkt.anzahl > 1) { - produkt.anzahl--; - localStorage.setItem("warenkorb", JSON.stringify(warenkorb)); - } else { - entferneProdukt("kiwi"); - console.log("Hier ausgabe vom Warenkorb:"); - console.log(warenkorb); - const kiwiContainer = document.querySelector('[data-id="kiwi"]'); - //Löschen vom warenkorbDiv - warenkorbContainer.removeChild(kiwiContainer); - } - location.reload(true); - }); - } else if (produkt.id === "orangen") { - const warenkorbDiv = document.createElement("div"); - warenkorbDiv.setAttribute("data-id", "orangen"); - warenkorbDiv.classList.add("produkte_warenkorb"); - const produktBild = document.createElement("img"); - produktBild.src = "pictures/orangen_ohne_preis.png.avif"; - produktBild.alt = produkt.id; - warenkorbDiv.appendChild(produktBild); - - const produktDetails = document.createElement("div"); - produktDetails.classList.add("produkte_details"); - - const produktBeschreibung = document.createTextNode("Orangen 1kg"); - const produktPreis = document.createTextNode("Kosten: 2€"); - const aufLager = document.createTextNode("Auf Lager: 350"); - - produktDetails.appendChild(produktBeschreibung); - produktDetails.appendChild(document.createElement("br")); - produktDetails.appendChild(produktPreis); - produktDetails.appendChild(document.createElement("br")); - produktDetails.appendChild(document.createElement("br")); - produktDetails.appendChild(aufLager); - - const buttonMitMenue = document.createElement("div"); - buttonMitMenue.classList.add("button_mit_menue"); - const paraButton = document.createElement("p"); - const buttonEntfernen = document.createElement("a"); - buttonEntfernen.classList.add("button_entfernen"); - buttonEntfernen.innerText = "Entfernen"; - buttonEntfernen.setAttribute("href", "#"); - - const menue = document.createElement("input"); - menue.setAttribute("type", "number"); - menue.setAttribute("id", "menue"); - menue.setAttribute("value", produkt.anzahl); - menue.setAttribute("max", produkt.anzahl); - menue.setAttribute("min", "0"); - menue.setAttribute("pattern", "[0-9]*"); - paraButton.appendChild(buttonEntfernen); - buttonMitMenue.appendChild(paraButton); - buttonMitMenue.appendChild(menue); - - const gesamtPreis = document.createElement("p"); - gesamtPreis.classList.add("gesamtbetrag"); - const gesamtPreisText = document.createTextNode("Betrag Gesamt (inkl. MwSt): " + ((produkt.preis * produkt.anzahl).toFixed(2))); - gesamtPreis.appendChild(gesamtPreisText); - - - warenkorbDiv.appendChild(produktDetails); - warenkorbDiv.appendChild(gesamtPreis); - warenkorbDiv.appendChild(buttonMitMenue); - const warenkorbContainer = document.querySelector(".warenkorb-container"); - warenkorbContainer.appendChild(warenkorbDiv); - buttonEntfernen.addEventListener("click", function (event) { - if (produkt.anzahl > 1) { - produkt.anzahl--; - localStorage.setItem("warenkorb", JSON.stringify(warenkorb)); - } else { - entferneProdukt("orangen"); - console.log("Hier ausgabe vom Warenkorb:"); - console.log(warenkorb); - const orangenContainer = document.querySelector('[data-id="orangen"]'); - //Löschen vom warenkorbDiv - warenkorbContainer.removeChild(orangenContainer); - } - location.reload(true); - }); - } else if (produkt.id === "äpfel") { - const warenkorbDiv = document.createElement("div"); - warenkorbDiv.setAttribute("data-id", "äpfel"); - warenkorbDiv.classList.add("produkte_warenkorb"); - const produktBild = document.createElement("img"); - produktBild.src = "pictures/äpfel_ohne_preis.png.avif" - produktBild.alt = produkt.id; - warenkorbDiv.appendChild(produktBild); - - const produktDetails = document.createElement("div"); - produktDetails.classList.add("produkte_details"); - - const produktBeschreibung = document.createTextNode("Äpfel 1kg"); - const produktPreis = document.createTextNode("Kosten: 2€"); - const aufLager = document.createTextNode("Auf Lager: 500"); - - produktDetails.appendChild(produktBeschreibung); - produktDetails.appendChild(document.createElement("br")); - produktDetails.appendChild(produktPreis); - produktDetails.appendChild(document.createElement("br")); - produktDetails.appendChild(document.createElement("br")); - produktDetails.appendChild(aufLager); - - const buttonMitMenue = document.createElement("div"); - buttonMitMenue.classList.add("button_mit_menue"); - const paraButton = document.createElement("p"); - const buttonEntfernen = document.createElement("a"); - buttonEntfernen.classList.add("button_entfernen"); - buttonEntfernen.innerText = "Entfernen"; - buttonEntfernen.setAttribute("href", "#"); - - const menue = document.createElement("input"); - menue.setAttribute("type", "number"); - menue.setAttribute("id", "menue"); - menue.setAttribute("value", produkt.anzahl); - menue.setAttribute("max", produkt.anzahl); - menue.setAttribute("min", "0"); - menue.setAttribute("pattern", "[0-9]*"); - paraButton.appendChild(buttonEntfernen); - buttonMitMenue.appendChild(paraButton); - buttonMitMenue.appendChild(menue); - - const gesamtPreis = document.createElement("p"); - gesamtPreis.classList.add("gesamtbetrag"); - const gesamtPreisText = document.createTextNode("Betrag Gesamt (inkl. MwSt): " + ((produkt.preis * produkt.anzahl).toFixed(2))); - gesamtPreis.appendChild(gesamtPreisText); - - - warenkorbDiv.appendChild(produktDetails); - warenkorbDiv.appendChild(gesamtPreis); - warenkorbDiv.appendChild(buttonMitMenue); - const warenkorbContainer = document.querySelector(".warenkorb-container"); - warenkorbContainer.appendChild(warenkorbDiv); - buttonEntfernen.addEventListener("click", function (event) { - if (produkt.anzahl > 1) { - produkt.anzahl--; - localStorage.setItem("warenkorb", JSON.stringify(warenkorb)); - } else { - entferneProdukt("äpfel"); - console.log("Hier ausgabe vom Warenkorb:"); - console.log(warenkorb); - const apfelContainer = document.querySelector('[data-id="äpfel"]'); - //Löschen vom warenkorbDiv - warenkorbContainer.removeChild(apfelContainer); - } - location.reload(true); - }); - } - - } - const contentContainer = document.querySelector(".content"); - const äußererContainer = document.createElement("div"); - äußererContainer.classList.add("äußererContainer"); - const kostenContainer = document.createElement("div"); - kostenContainer.classList.add("kostenContainer"); - - const lieferkostenText = document.createElement("p"); - lieferkostenText.classList.add("lieferkosten_text"); - lieferkostenText.innerText = "Lieferkosten:"; - - const lieferkostenPreis = document.createElement("p"); - lieferkostenPreis.classList.add("lieferkosten_preis"); - lieferkostenPreis.innerText = "2.90€"; - - const preisZusammen = ermittleGesamtpreis() + 2.9; - const gesamtPreisText = document.createElement("p"); - gesamtPreisText.classList.add("gesamtkosten_text") - gesamtPreisText.innerText = "Gesamtkosten (inkl. MwSt): "; - const gesamtPreis = document.createElement("p"); - gesamtPreis.classList.add("gesamtpreis"); - gesamtPreis.innerText = "" + preisZusammen.toFixed(2) + "€"; - const buttonBestellungAbschließen = document.createElement("div"); - const buttonBestellungAbschließenAnchor = document.createElement("a"); - buttonBestellungAbschließenAnchor.classList.add("button_bestellung_abschließen"); - buttonBestellungAbschließenAnchor.setAttribute("href", "bestellformular.html"); - buttonBestellungAbschließenAnchor.innerText = "Kostenpflichtig bestellen"; - console.log(preisZusammen); - localStorage.setItem("gesamtpreis", preisZusammen); - - if (warenkorb.length === 0) { - const warenkorbLeer = document.createElement("p"); - warenkorbLeer.classList.add("warenkorbLeer"); - warenkorbLeer.innerText = "Der Warenkorb ist zur Zeit leer."; - contentContainer.appendChild(warenkorbLeer); + if (/^[0-9]+$/.test(testVar) === false) { + zeigeHinweisfenster("Keine gültige Zahl eingegeben."); } else { - contentContainer.appendChild(äußererContainer); - äußererContainer.appendChild(kostenContainer); - kostenContainer.appendChild(lieferkostenText); - kostenContainer.appendChild(lieferkostenPreis); - kostenContainer.appendChild(gesamtPreisText); - kostenContainer.appendChild(gesamtPreis); - buttonBestellungAbschließen.appendChild(buttonBestellungAbschließenAnchor); - äußererContainer.appendChild(buttonBestellungAbschließen); - } -} -function ermittleGesamtpreis() { - var preis = 0; - const warenkorb = JSON.parse(localStorage.getItem("warenkorb")) || []; - console.log(warenkorb); - for (produkt of warenkorb) { - preis += produkt.preis * produkt.anzahl; - } - return preis; -} -function entferneProdukt(produktID) { - const warenkorb = JSON.parse(localStorage.getItem("warenkorb")) || []; - for (let i = 0; i < warenkorb.length; i++) { - if (warenkorb[i].id === produktID) { - warenkorb.splice(i, 1)// entferne das Element aus dem Array + let verringereUm = parseInt(inputElement.value); - break; // breche die Schleife ab, da das Element gefunden wurde + if ((standardWerte[index - 1] - verringereUm) < 0) { + zeigeHinweisfenster("Der Wert darf nicht negativ sein."); + } else { + zeigeHinweisfenster(""); + let aktuellerWert = standardWerte[index - 1] - verringereUm; + standardWerte[index - 1] = aktuellerWert; + inputElement.value = aktuellerWert; } } - localStorage.setItem("warenkorb", JSON.stringify(warenkorb)); // speichere das aktualisierte Array im LocalStorage + berechnePreise(); + +} +function berechnePreise() { + for (let i = 0; i < standardWerte.length; i++) { + let preisID = 'gesamtbetrag' + (i + 1); + let preisElement = document.getElementById(preisID); + let preisEinzeln = (standardWerte[i] * preise[i]).toFixed(2); + preisElement.innerText = "Betrag Gesamt (inkl. MwSt.): " + preisEinzeln + '€'; + + } + gesamtpreis = ((standardWerte[0] * preise[0]) + (standardWerte[1] * preise[1]) + (standardWerte[2] * preise[2])) + 2.90; + let gesamtkostenText = document.getElementById("gesamtpreis"); + gesamtkostenText.innerText = gesamtpreis.toFixed(2) + "€"; + localStorage.setItem("gesamtpreis", gesamtpreis); } -// prüfe, ob der Benutzer sich auf der warenkorb.html-Seite befindet und erstelle das DIV -document.addEventListener("DOMContentLoaded", function () { - // prüfe, ob der Benutzer sich auf der warenkorb.html-Seite befindet und erstelle das DIV - if (window.location.pathname.includes("/warenkorb.html")) { - const warenkorb = JSON.parse(localStorage.getItem("warenkorb")) || []; - createWarenkorbDiv(warenkorb); +function zeigeHinweisfenster(text) { + var hinweisfenster = document.getElementById("notification"); + hinweisfenster.innerText = text; + if (text !== "") { + hinweisfenster.style.display = "block"; + } else { + hinweisfenster.style.display = "none"; } -}); +} + + diff --git a/public/pictures/äpfel.png b/public/pictures/aepfel.png similarity index 100% rename from public/pictures/äpfel.png rename to public/pictures/aepfel.png diff --git a/public/pictures/äpfel_ohne_preis.png.avif b/public/pictures/aepfel_ohne_preis.png.avif similarity index 100% rename from public/pictures/äpfel_ohne_preis.png.avif rename to public/pictures/aepfel_ohne_preis.png.avif diff --git a/public/produkte.html b/public/produkte.html index bfe7274..5d16b17 100644 --- a/public/produkte.html +++ b/public/produkte.html @@ -135,7 +135,7 @@
- Äpfel + Äpfel
FoodAmpel gelb +
+
@@ -40,14 +40,15 @@
-