random-generator/index.html at master · implodium/random-generator · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Modulo Random</title>
    <link rel="stylesheet" href="./stylesheet.css">
    <script src="index.js"></script>
</head>
<body>
    <div id="container">
        <span id="title">Random</span>
        <div id="t-nav">
            <span id="t-nav-random-number" class="t-nav-element"> Random Number </span>
            <span id="t-nav-random-word" class="t-nav-element"> Random Word </span>
        </div>

        <div id="content-container">
            <div id="t-random-number" class="t-random-container">
                <input class="random-field" id="number-field" type="number">
                <div id="generate-button-number" class="round-button">Generate</div>
            </div>
            <div id="t-random-word" class="t-random-container" style="display: none">
                <input class="random-field" id="word-field" type="text">

                <div id="current-words">

                </div>

                <div id="submit-word" class="round-button"> + </div>

                <div id="generate-button-word" class="round-button">Generate</div>
            </div>
        </div>
    </div>

    <div id="random-number-overlay">
        <span id="random-number-container">50</span>
    </div>
</body>
</html>