ChatGPT-like-Quiz-jk-its-boolean-functions/index.html at master · Elapache98/ChatGPT-like-Quiz-jk-its-boolean-functions · 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
<html>


<head>
    <title>Adeoluwa Obayomi Project 2 Final</title>
</head>

<body>
    <h1>What Sports team should I support? 🏀, 🏒 ,⚽, 🤔</h1>
    <p><b>To know which sports team you match with
            the most, you'll answer a few questions and get a response by clicking on the "Find my Team!" button
            below.</b>
    </p>


    <p>1.) Do you prefer Basketball, Soccer or Ice Hockey?
        <select id="userSport">
            <option value="Basketball">Basketball</option>
            <option value="Soccer">Soccer</option>
            <option value="Ice Hockey">Ice Hockey</option>
        </select>
    </p>

    <p>2.) Do you prefer Professional or College teams?
        <select id="userPreference">
            <option value="College">College</option>
            <option value="Professional">Professional</option>
        </select>
    </p>

    <p>3.) Do you prefer Current or Classic teams?
        <select id="userPeriod">
            <option value="Current">Current</option>
            <option value="Classic">Classic</option>
        </select>
    </p>

    <p>4.) What's your favorite color?
        <select id="userColor">
            <option value="Red">Red</option>
            <option value="Blue">Blue</option>
            <option value="Yellow">Yellow</option>
        </select>
    </p>

    <button id="action">Find my Team!</button>


    <!-- do not modify the HTML below this comment!-->
    <div id="output"></div>
    <p><b>If you don't like your first answer, feel free to press the "Refresh Quiz" button to retake the quiz for a
            new answer.</b> </p>
    <button id="refresh">Refresh Quiz</button>
    <hr />
    <ul>
        <li><a href="main.js" target="_blank">View My JavaScript (main.js)</a></li>
        <li><a href="flowchart.drawio (3).pdf" target="_blank">My Flowchart</a>
        </li>
    </ul>

</body>

<script src="main.js"></script>

</html>