init

2024-09-26 16:43:51 +02:00
parent 68fa1e0fa9
commit 073bf775db
4 changed files with 117 additions and 0 deletions
--- a/static/app.js
+++ b/static/app.js
@ -0,0 +1,14 @@
+
+async function getData() {
+    const chance = document.getElementById("Chance").value
+    const mult = document.getElementById("Multiplicator").value
+    const url = "/random?chance="+chance+"&multiplicator="+mult;
+    try {
+      const response = await fetch(url);  
+      const content = await response.text()
+
+      document.getElementById("won").innerText=content
+    } catch (error) {
+      console.error(error.message);
+    }
+}
--- a/static/index.html
+++ b/static/index.html
@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <title>Page Title</title>
+    <script type = "text/javascript" src="app.js"></script>
+
+</head>
+<style>
+    body {
+        background-color: rgba(131, 143, 197, 0.986);
+    }
+    .labelcontainer {
+        display: flex;
+    }
+    label {
+        display: block;
+        color: rgb(28, 17, 85);
+        min-width: 20rem;
+        font-size: 1.5rem;
+    }
+    input {
+        width: 10rem;
+        }
+    
+</style>
+<body>
+    <script> </script>
+    <h1>Das ist die webseite von Gian</h1>
+    <p>This is a paragraph.</p>
+
+    <p id="won"></p>
+    <div class="labelcontainer">
+        <label>Chance</label>
+        <input type="number" id="Chance" name="Chance" min="10">
+
+    </div>
+    <div class="labelcontainer">
+        <label>Multiplicator</label>
+        <input type="number" id="Multiplicator" name="Multiplicator" min="1" max="3">
+
+    </div>
+    <div class="labelcontainer">  
+        <label>name</label>
+        <input type="text">
+    </div>
+    <div>
+        <input type="button" onclick="getData()" value="Generate">
+    </div>
+    
+</body>
+
+</html>