CodeYourFuture
diff --git a/‎Form-Controls/Untitled-1.html‎
Lines changed: 34 additions & 0 deletions b/‎Form-Controls/Untitled-1.html‎
Lines changed: 34 additions & 0 deletions
diff --git a/‎Form-Controls/index.html‎
Lines changed: 1 addition & 1 deletion b/‎Form-Controls/index.html‎
Lines changed: 1 addition & 1 deletion
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>My product pick form</title>
+    <link rel="stylesheet" href="Untitled-1.css"> 
+    <style>
+        
+        body { display: block; max-width: 450px; margin: 40px auto; font-family: sans-serif; }
+        #t-shirt { background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); margin-bottom: 20px; line-height: 1.6; }
+        a { color: #4a90e2; text-decoration: none; font-weight: bold; }
+    </style>
+</head>
+<body>
+
+    <h1>Your Order Details</h1>
+    
+    <div id="t-shirt"></div>
+    
+    <a href="index.html">← Go back to form</a>
+
+    <script>
+
+        const Tshirtlist = document.getElementById('t-shirt');
+        
+        new URLSearchParams(window.location.search).forEach((value, name) => {
+            Tshirtlist.append(`${name.toUpperCase()}: ${value}`);
+            Tshirtlist.append(document.createElement('br'));
+        });
+    </script>
+
+</body>
+</html>
@@ -35,7 +35,7 @@ <h1>PRODUCT PICK</h1>
     </div>
 
     <div>
-        size of T-shirt
+        T-shirt size
         <label for="size">size of T-shirt</label> 
 
         <select name="size" id="size" required>