randomMessage/randomMessage.html at main · DutchEnglishman/randomMessage · 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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>randomMessage | What to do?</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <main>
        <div>
            <H1>"What should we do today?"</H1>
            <div id="div">
                <span>
                    <p id="generatedMessage">
                        Press Generate to change this text.
                        <script>
                            window.onload = function () {
                                var message = document.getElementById('generatedMessage')
                                var generateButton = document.getElementById('generateButton');
                                var generatedMessage = '';
                                // Create the first Part of the Message
                                let part1 = () => {
                                    let part1creation = Math.floor(Math.random() * 5);
                                    switch(part1creation) {
                                        case 0: return 'Go together with Mop';
                                        break;
                                        case 1: return 'Go alone';
                                        break;
                                        case 2: return 'Go by yourself';
                                        break;
                                        case 3: return 'Go together with Mop and Koekie'
                                        break;
                                        case 4: return 'Go with Tijmen and Kish'
                                        break;
                                        default: return 'Hier gaat iets fout'
                                    }
                                };

                                // Create the second Part of the Message
                                let part2 = () => {
                                    let part2creation = Math.floor(Math.random() * 5);
                                    switch(part2creation) {
                                        case 0: return 'to see a movie';
                                        break;
                                        case 1: return 'on a holiday';
                                        break;
                                        case 2: return 'to a golf course';
                                        break;
                                        case 3: return 'to visit family'
                                        break;
                                        case 4: return 'to visit your mom'
                                        break;
                                        default: return 'gaat lekker zo'
                                    }
                                }

                                // Create the third Part of the Message
                                let part3 = () => {
                                    let part3creation = Math.floor(Math.random() * 5);
                                    switch(part3creation) {
                                        case 0: return 'on Saturday.';
                                        break;
                                        case 1: return 'for five months.';
                                        break;
                                        case 2: return 'for two weeks.';
                                        break;
                                        case 3: return 'from Monday to Friday.'
                                        break;
                                        case 4: return 'for the rest of your life.'
                                        break;
                                        default: return 'en ook hier gaat iets niet goed.'
                                    }
                                }

                                // Make a complete message
                                let randomMessage = () => {
                                    return (`${part1()} ${part2()} ${part3()}`);
                                }

                                //Start the button
                                generateButton.onclick = function() {
                                    message.innerHTML = randomMessage();
                                }
                            }
                        </script>
                    </p>
                </span>
                <button id="generateButton"">Generate</button>
            </div>
        </div>
    </main>
</body>
</html>