Data_structure_and_algorithm_DictionaryApp/index.html at main · DOCUTEE/Data_structure_and_algorithm_DictionaryApp · 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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="styles.css">
    <title>Vocabulary App</title>
</head>

<body>
    <header>
        <nav class="tab">
            <button class="tablinks" onclick="openTab(event, 'MyVocabulary')">My Vocabulary</button>
            <button class="tablinks" onclick="openTab(event, 'Practice')">Practice</button>
            <button class="tablinks" onclick="openTab(event, 'Game')">Game</button>
            <button class="tablinks" onclick="openTab(event, 'EngMath')">EngMath</button>
        </nav>
    </header>
    <div class="container">
        <div id="MyVocabulary" class="tabcontent">
            <h2>My Vocabulary</h2>
            <div class="search-container">
                <input class = "thinhdb" type="text" id="input" placeholder="Search..."
                    onkeyup="if (event.key === 'Enter') displaySearch()">
                <button class="quangdb" onclick="displaySearch()" id="searchButton">Tra từ</button>
                <button class="quangdb" onclick="insertVocab()" id="insertButton">Save</button>
                <ul id="autocompleteList" class="list"></ul>

            </div>
            <div id="resultDic" class="result-container"></div>
        </div>

        <div id="Practice" class="tabcontent">
            <h2>Practice</h2>
            <div>
                <button class="quangdb" onclick="phrase.displayy()" id="phrase-button">Phrase</button>
                <button class="quangdb" onclick="learn()">Learn</button>
                <button class="quangdb" onclick="challenge()">Challenge</button>
                <button class="quangdb" onclick="test()">Test</button>
                <button class="quangdb" onclick="resetPractice()">Reset</button>

                <!-- okkkkkkkkkkk -->
                <div id="container-div" style="display: none;">
                    <div id="phrase-container"></div>
                    <button class="quangdb" onclick="phrase.submitt()" id="submitt-button">Submit</button>
                    <p id="result-message"></p>
                </div>

                <div id="box-practice" style="display: none;">

                    <div id="practice-container"></div>
                    <input class = "thinhdb" type="text" id="user-reply" placeholder="Answer..." value>
                    <button class="quangdb" id="submit-buttonnn" onclick="dictionaryApp.submitPractice()">Submit</button>

                </div>


            </div>

        </div>

        <div id="Game" class="tabcontent">
            <h2>Game</h2>

            <button class="quangdb" id="start-game" onclick="startGame()">Start</button>
            <button class="quangdb" id="reset" onclick="resetGame()">Reset</button>
            <input class = "thinhdb" type="number" id="point-limit" value onkeypress="setPointLimit(event)">
            <span>User: </span>
            <span id="user-point">0</span>
            <span>Bot: </span>
            <span id="bot-point">0</span>
            <div id="message-container">

            </div>
            <input class = "thinhdb" type="text" id="message-input" placeholder="Nhập tin nhắn..." onkeydown="handleKeyPress(event)">
            <button class="quangdb" onclick="handleKeyPress(event,true)">Send</button>

        </div>
        <div id="EngMath" class="tabcontent">
            <h2>EngMath</h2>

            <div id="problem-engmath">
                <img src="brain_bad.png" alt="brain-pic" id="brain-pic">
                <div id = "problem">
                    <button class="quangdb" onclick="createEngMath()">Start</button>
                    <button class="quangdb" onclick="hint()">Hint 💡</button>
                    <button class="quangdb" onclick="showResult()">Result ✅</button>
                    <div id="engmath">

                    </div>
                    <div>
                        <form id="choice-container">
                        </form>
                    </div>
                    <button class="quangdb" onclick="notificationResult()">Give pills for Quang</button>
                    <div id="result">

                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="./Dictionary.js"></script>
    <script src="./Bot.js"></script>
    <script src="./FuncDictionary.js"></script>
    <script src="./CallFuncDictionary.js"></script>
    <script src="./Player.js"></script>
    <script src="./GameChat.js"></script>
    <script src="./FuncQuizGame.js"></script>
    <script src="./CallQuizGame.js"></script>
    <script src="./scripts.js"></script>
    <script src="./engmathProblem.js"></script>
</body>

</html>