tag class
+ 
tag attribute1 attribute2
+
+*/
+//# sourceMappingURL=script.js.map
\ No newline at end of file
diff --git a/Aufgaben/Aufgabe_06_2020-06-03/script.js.map b/Aufgaben/Aufgabe_06_2020-06-03/script.js.map
new file mode 100644
index 0000000..6b7b7bd
--- /dev/null
+++ b/Aufgaben/Aufgabe_06_2020-06-03/script.js.map
@@ -0,0 +1 @@
+{"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
new file mode 100644
index 0000000..a1ee685
--- /dev/null
+++ b/Aufgaben/Aufgabe_06_2020-06-03/script.ts
@@ -0,0 +1,258 @@
+// Datensammlung für Produkte
+
+namespace Aufgabe06 {
+
+ interface Product {
+ title: string;
+ price: number;
+ size: string;
+ imgName: string;
+ description: string;
+ }
+
+ interface Category {
+ title: string;
+ id: string;
+ products: Product[];
+ }
+
+ let categories: Category[] = [
+ {
+ title: "Special Offers!",
+ id: "special",
+ products: [
+ {
+ title: "Color: Rainbow",
+ price: 3279.99,
+ size: "4m²",
+ imgName: "grass-rainbow-square.png",
+ description: "If you can't choose one color, go and catch them all!"
+ }, {
+ title: "Color: White",
+ price: 3279.99,
+ size: "4m²",
+ imgName: "grass-white.png",
+ description: "The appearance of many sparkling stars on your garden floor."
+ }, {
+ title: "Color: Black",
+ price: 3279.99,
+ size: "4m²",
+ imgName: "grass-black.png",
+ description: "Dark as the night. Be careful not to form a black hole!"
+ }, {
+ title: "Pattern: Murica",
+ price: 3279.99,
+ size: "4m²",
+ imgName: "grass-green-murica.png",
+ description: "Texas, Trump, Guns & Hamburgers"
+ }, {
+ title: "Pattern: Schachbrett",
+ price: 3279.99,
+ size: "4m²",
+ imgName: "grass-green-chess-square.png",
+ description: "Show your intellect on your own lawn and embarrass your opponents!"
+ }
+ ]
+ }, {
+ title: "Bunte Gräser",
+ id: "bunt",
+ products: [
+ {
+ title: "Color: Green",
+ price: 2339.99,
+ size: "4m²",
+ imgName: "grass-green.png",
+ description: "The standard model in our range. Ensures a natural look and pleasant freshness in your living room!"
+ }, {
+ title: "Color: Desert",
+ price: 2339.99,
+ size: "4m²",
+ imgName: "grass-yellow.png",
+ description: "Summer, sun and oh my god, I'm hot! Are they pyramids in my garden ?!"
+ }, {
+ title: "Color: Beach",
+ price: 2339.99,
+ size: "4m²",
+ imgName: "grass-orange.png",
+ description: "Summer, sun and hot feelings!"
+ }, {
+ title: "Pattern: Hell",
+ price: 2339.99,
+ size: "4m²",
+ imgName: "grass-red.png",
+ description: "Look into the abyss that could await you after your death and invite guests to it!"
+ }, {
+ title: "Pattern: Unicorn",
+ price: 2339.99,
+ size: "4m²",
+ imgName: "grass-pink.png",
+ description: "PINK FLUFFY UNICORN, DANCING ON RAINBOWS (which you can also buy in here) !!!"
+ }, {
+ title: "Pattern: Grape",
+ price: 2339.99,
+ size: "4m²",
+ imgName: "grass-purple.png",
+ description: "It looks purple. Do you have to say more?"
+ }, {
+ title: "Pattern: Atlantic",
+ price: 2339.99,
+ size: "4m²",
+ imgName: "grass-blue.png",
+ description: "Blue like the ocean. A deep look and mysterious nature."
+ }
+ ]
+ }, {
+ title: "Green-Tones",
+ id: "grün",
+ products: [
+ {
+ title: "Green: 3B",
+ price: 3499.99,
+ size: "10m²",
+ imgName: "grass-green-dark-3.png",
+ description: "Green in every way. Nothing more to know about it."
+ }, {
+ title: "Green: 2B",
+ price: 3499.99,
+ size: "10m²",
+ imgName: "grass-green-dark-2.png",
+ description: "Green in every way. Nothing more to know about it."
+ }, {
+ title: "Green: B",
+ price: 3499.99,
+ size: "10m²",
+ imgName: "grass-green-dark-1.png",
+ description: "Green in every way. Nothing more to know about it."
+ }, {
+ title: "Green: HB",
+ price: 2339.99,
+ size: "10m²",
+ imgName: "grass-green.png",
+ description: "The standard model in our range. Ensures a natural look and pleasant freshness in your living room!"
+ }, {
+ title: "Green: H",
+ price: 3499.99,
+ size: "10m²",
+ imgName: "grass-green-light-1.png",
+ description: "Green in every way. Nothing more to know about it."
+ }, {
+ title: "Green: 2H",
+ price: 3499.99,
+ size: "10m²",
+ imgName: "grass-green-light-2.png",
+ description: "Green in every way. Nothing more to know about it."
+ }, {
+ title: "Green: 3H",
+ price: 3499.99,
+ size: "10m²",
+ imgName: "grass-green-light-3.png",
+ description: "Green in every way. Nothing more to know about it."
+ }
+ ]
+ }
+ ];
+
+ printProducts();
+
+ //create Structure;
+
+ function printProducts(): void {
+ for (let nummer: number = 0; nummer < categories.length; nummer++) {
+
+ let heading: HTMLHeadingElement = document.createElement("h1");
+ heading.setAttribute("id", categories[nummer].id);
+ heading.innerHTML = `${categories[nummer].title}`;
+ (Color: Rainbow
tag class content + tag class
+ 3279,99 ¥ tag class content
+ tag content
+ tag content
+
+ tag attribute1 attribute2
+ Size: 4m²
tag class content + tag class
+
+If you can't choose one color, go and catch them all!
tag content +${categories[nummer].products[index].title}
+
+ ${categories[nummer].products[index].price} ¥
+
+
+
+ Size: ${categories[nummer].products[index].size}
+
+
+ `;
+ container.appendChild(product);
+ }
+
+ }
+
+ }
+
+ function myFunction(): void {
+ console.log("Ich wurde geklickt");
+ for (let nummer: number = 0; nummer < categories.length; nummer++) {
+
+ let heading: HTMLHeadingElement = (${categories[nummer].products[index].description}
+ tag class
+ tag attribute1 attribute2
+
+*/
\ No newline at end of file
diff --git a/Aufgaben/Aufgabe_06_2020-06-03/shop.css b/Aufgaben/Aufgabe_06_2020-06-03/shop.css
new file mode 100644
index 0000000..a5e8bfe
--- /dev/null
+++ b/Aufgaben/Aufgabe_06_2020-06-03/shop.css
@@ -0,0 +1,124 @@
+body {
+ margin: 0;
+ font-family: Chelsea Market;
+}
+
+header {
+ padding: 10px 0px;
+ position: relative;
+ top: 0;
+ width: 100%;
+ background-color: #006a4e;
+ color: #b8d5cd;
+}
+
+header ul {
+ list-style: none;
+ padding: 0px;
+}
+
+header li {
+ display: block;
+ margin: 10px auto 0px;
+}
+
+header li a {
+ text-decoration: none;
+ color: #b8d5cd;
+}
+
+header .dropdown {
+ text-align: center;
+ font-size: 20px;
+ position: relative;
+ display: block;
+ background-color: #2e856e;
+ border-radius: 40px;
+ margin: 10px 5px 0px 5px;
+ padding: 10px 0px;
+ width: 80%;
+}
+
+header .dropdown-content {
+ display: none;
+}
+
+header .dropdown:hover .dropdown-content {
+ display: block;
+ margin-bottom: 0px;
+}
+
+header #shopping_cart {
+ text-align: center;
+ position: relative;
+ display: block;
+ background-color: #2e856e;
+ border-radius: 40px;
+ margin: 10px 5px 0px 5px;
+ padding: 10px 0px;
+ width: 60px;
+ height: 30px;
+}
+
+header #shopping_cart a {
+ text-decoration: none;
+ color: #b8d5cd;
+ font-size:24px
+}
+
+header #shopping_cart a:hover {
+ color: white;
+}
+
+header .title_bar img {
+ width: 40px;
+ height: 40px;
+ margin: 5px 15px;
+}
+
+header .title_bar span {
+ font-size: 27px;
+ line-height: 50px;
+ margin: auto 0px;
+}
+
+header .title_bar {
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ background-color: #2e856e;
+ border-radius: 40px;
+ padding: 5px;
+ margin: 5px
+}
+
+header #bottom {
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+}
+
+header #shopping_cart {
+ margin: 10px auto;
+ text-align: center;
+ color: #b8d5cd;
+ display: block;
+ background-color: #2e856e;
+ border-radius: 40px;
+ margin: 10px 5px 0px 5px;
+ padding: 10px 0px;
+}
+
+footer {
+ text-align: center;
+ padding: 10px 5px;
+ position: relative;
+ bottom: 0;
+ width: calc(100%-10px);
+ background-color: #272727;
+ color: white;
+}
+
+footer p {
+ margin: 0px 0px 10px;
+}
\ No newline at end of file
diff --git a/Aufgaben/Aufgabe_06_2020-06-03/shop.html b/Aufgaben/Aufgabe_06_2020-06-03/shop.html
new file mode 100644
index 0000000..a0f9ed1
--- /dev/null
+++ b/Aufgaben/Aufgabe_06_2020-06-03/shop.html
@@ -0,0 +1,50 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Color: Rainbow
tag class content + tag class
+ 3279,99 ¥ tag class content
+ tag content
+ tag content
+
+ tag attribute1 attribute2
+ Size: 4m²
tag class content + tag class
+
+If you can't choose one color, go and catch them all!
tag content +
+ 
+ GREEEN GRASS
+ 
+
+
+ GREEEN GRASS
+
+
+
+
+ Categories
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Steckbrief/steckbrief.htm b/Steckbrief/steckbrief.htm
index f8c7a90..17e9e86 100644
--- a/Steckbrief/steckbrief.htm
+++ b/Steckbrief/steckbrief.htm
@@ -14,6 +14,7 @@ body {
Github Reposiroty → Issues + Aufgabe_06_2020-06-03
Aufgabe_05_2020-05-27
Aufgabe_04_2020-05-20
Aufgabe_03_2020-05-13