<!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>
    <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" id="name" maxlength="15">
    </div>
    <div>
        <input type="button" onclick="calcChanche()" value="Generate">
    </div>
    <div>
        <p id="winners"></p>
    </div>
    
</body>
<script>
    getWinners()
</script>

</html>