Moved css to own file, changed parameters to look like labels. Costumized output text.

2024-09-26 21:47:02 +02:00
parent 966a0bbf4a
commit 2f7d1a03cb
3 changed files with 45 additions and 31 deletions
--- a/static/index.html
+++ b/static/index.html
@ -6,29 +6,12 @@
    <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>
+<link rel="stylesheet" href="style.css">
 <body>
-    <h1>Das ist die webseite von Gian</h1>
-    <p>This is a paragraph.</p>
+    <h1>Pokemon catcher</h1>
+    

-    <p id="won"></p>
+    
    <div class="labelcontainer">
        <label>Chance</label>
        <input type="number" id="Chance" name="Chance" min="10">
@ -46,7 +29,9 @@
    <div>
        <input type="button" onclick="calcChanche()" value="Generate">
    </div>
+    <p id="won"></p>
    <div>
+        <label>winners</label>
        <p id="winners"></p>
    </div>