diff --git a/01_grundlagen/unterricht/tag03/04_konstante-magic-number.html b/01_grundlagen/unterricht/tag03/04_konstante-magic-number.html
new file mode 100644
index 0000000..46030b5
--- /dev/null
+++ b/01_grundlagen/unterricht/tag03/04_konstante-magic-number.html
@@ -0,0 +1,37 @@
+<!doctype html>
+<html lang="de">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Konstante als Konfigurationsvariable (const)</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" />
+  </head>
+  <body>
+    <main>
+      <div class="container py-5">
+        <h1>Konstante als Konfigurationsvariable (const)</h1>
+        <div class="output alert alert-secondary my-3"></div>
+      </div>
+    </main>
+    <script>
+      'use strict';
+
+      // Konfigurationsvariable - SCREAMING_SNAKE_CASE - Schreibweise
+      const TAX_RATE = 1.19;
+      // const BASE_URL = 'http://localhost:8080';
+      // const DEBUG_MODE = false;
+
+      const outputEl = document.querySelector('.output');
+
+      const netPrice = prompt('Net price for the shocking pen?');
+      // let totalPrice = netPrice * 1.19; // Vermeidung von "Magic Values" - Werte, die nur aus dem Kontext verstanden werden, sollen vermieden werden.
+
+      const totalPrice = netPrice * TAX_RATE;
+
+      const resultText = `total price: ${totalPrice}`;
+
+      console.log(resultText);
+      outputEl.textContent = resultText;
+    </script>
+  </body>
+</html>
