javaScript/miniGameGoiNihongounit1.html at master · thanglongsp/javaScript · 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
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
<!DOCTYPE html>
<html>
<head>
  <title>Try hard N3'words</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <link rel="stylesheet" type="text/css"  href="css/css_form.css">
</head>
<body>

<!--toolbar-->
<nav class="navbar navbar-inverse">
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
    </div>

    <div class="collapse navbar-collapse" id="myNavbar">
      <ul class="nav navbar-nav">
        <li class="active" ><a href="home_page_admin.php"><span class="glyphicon glyphicon-home"></span>  Home</a></li>
      </ul>

      <!--Search-->
      <form class="navbar-form navbar-left">
        <div class="form-group">
          <input id = "myInput"type="text" class="form-control" placeholder="You can search every one If we have it hear ... ">
      </div>
      </form>
      <!--^^-->
       <ul class="nav navbar-nav navbar-right">
        <li class="dropdown">
          <a class="dropdown-toggle" data-toggle="dropdown" href="#"><span class="glyphicon glyphicon-king"></span> Goi N3
          <span class="caret"></span></a>
         <ul class="dropdown-menu">
            <li><a href="miniGameGoiNihongoUnit1.html"><span class="glyphicon glyphicon-wrench"></span> Unit 1</a></li>
            <li><a href="miniGameGoiNihongoUnit2.html"><span class="glyphicon glyphicon-minus-sign"></span>  Unit 2</a></li>
            <li><a href="miniGameGoiNihongoUnit3.html"><span class="glyphicon glyphicon-plus-sign"></span>  Unit 3</a></li>
            <li><a href="#"><span class="glyphicon glyphicon-minus-sign"></span>  Delete User</a></li>
		</ul>
      </li>
    </ul>

	 <ul class="nav navbar-nav navbar-right">
        <li class="dropdown">
          <a class="dropdown-toggle" data-toggle="dropdown" href="#"><span class="glyphicons glyphicons-coffee-cup"></span> Kanji N3
          <span class="caret"></span></a>
         <ul class="dropdown-menu">
            <li><a href="miniGameGoiNihongounit1.html"><span class="glyphicons glyphicons-coffee-cup"></span> Update product</a></li>
            <li><a href="miniGameGoiNihongounit2.html"><span class="glyphicons glyphicons-coffee-cup"></span>  Delete product</a></li>
            <li><a href="miniGameGoiNihongounit3.html"><span class="glyphicons glyphicons-coffee-cup"></span>  Add product</a></li>
            <li><a href="#"><span class="glyphicon glyphicon-minus-sign"></span>  Delete User</a></li>
		</ul>
      </li>
    </ul>

	<ul class="nav navbar-nav navbar-right">
        <li class="dropdown">
          <a class="dropdown-toggle" data-toggle="dropdown" href="#"><span class="glyphicon glyphicon-king"></span> Grammer N3
          <span class="caret"></span></a>
         <ul class="dropdown-menu">
            <li><a href="miniGameGoiNihongounit1.html"><span class="glyphicon glyphicon-wrench"></span> Update product</a></li>
            <li><a href="miniGameGoiNihongounit2.html"><span class="glyphicon glyphicon-minus-sign"></span>  Delete product</a></li>
            <li><a href="miniGameGoiNihongounit3.html"><span class="glyphicon glyphicon-plus-sign"></span>  Add product</a></li>
            <li><a href="#"><span class="glyphicon glyphicon-minus-sign"></span>  Delete User</a></li>
		</ul>
      </li>
    </ul>

    </div>
  </div>
</nav>
<center>
<div class= "col-sm-5">
<image width = "100%" src = "D:\MinigameNihongo\javaScript\image\loading.gif"><br>
<p>がんばってね！</p>
</div>

<div class="col-sm-7">
<br>
<br>
<br>
<p>What is this word mean? </p>
<p id="demo"></p>

<form id="form1">
<input id ="input" name="nameInput" type="text">
</form>
<br>

<!-- <img id="result" src="D:\MinigameNihongo\javaScript\image\off.png" style="width:100px"><br> -->
<button onclick = "Myfunction()">Check!</button> <button onclick = "function1()">next!</button>
<br>
<br>
<p id = "result">
<br>
</p><p id = "answer"></p>
</div>
</center>
<script>
	var i;
	var arr = [
	"高齢_こうれい",
	"年上_としうえ",
	"目上_めうえ",
	"先輩_せんぱい",
	"後輩_こうはい",
	"上司_じょうし",
	"相手_あいて",
	"知り合い_しりあい",
	"友人_ゆうじん",
	"仲_なか",
	"生年月日_せいねんがっぴ",
	"誕生_たんじょう",
	"年_とし",
	"出身_しゅっしん",
	"故郷_こきょう",
	"成長_せいちょう",
	"成人_せいじん",
	"合格_ごうかく",
	"進学_しんがく",
	"退学_たいがく",
	"就職_しゅうしょく",
	"退職_たいしょく",
	"失業_しつぎょう",
	"残業_ざんぎょう",
	"生活_せいかつ",
	"通勤_つうきん",
	"学歴_がくれき",
	"給料_きゅうりょう",
	"面接_めんせつ",
	"休憩_きゅうけい",
	"観光_かんこう",
	"帰国_きこく",
	"帰省_きせい",
	"帰宅_きたく",
	"参加_さんか",
	"出席_しゅっせき",
	"欠席_けっせき",
	"遅刻_ちこく",
	"化粧_けしょう",
	"計算_けいさん",
	"計画_けいかく",
	"成功_せいこう",
	"失敗_しっぱい",
	"準備_じゅんび",
	"整理_せいり",
	"注文_ちゅうもん",
	"貯金_ちょきん",
	"徹夜_てつや",
	"引っ越し_ひっこし",
	"身長_しんちょう",
	"体重_たいじゅう",
	"けが_けが",
	"会_かい",
	"趣味_しゅみ",
	"興味_きょうみ",
	"思い出_おもいで",
	"冗談_じょうだん",
	"目的_もくてき",
	"約束_やくそく",
	"おしゃべり_おしゃべり",
	"遠慮_えんりょ",
	"我慢_がまん",
	"目枠_めわく",
	"希望_きぼう",
	"夢_ゆめ",
	"賛成_さんせい",
	"反対_はんたい",
	"創造_そうぞう",
	"努力_どりょく",
	"太陽_たいよう",
	"地球_ちきゅう",
	"温度_おんど",
	"湿度_しつど",
	"湿気_しっけ",
	"梅雨_つゆ",
	"かび",
	"暖房_だんぼう",
	"皮_かわ",
	"館_かん",
	"画面_がめん",
	"番組_ばんぐみ",
	"記事_きじ",
	"近所_きんじょ",
	"警察_けいさつ",
	"犯人_はんにん",
	"小銭_こぜに",
	"ごちそう_ごちそう",
	"作者_作者",
	"作品_さくひん",
	"制服_せいふく",
	"洗剤_せんざい",
	"底_そこ",
	"地下_ちか",
	"寺_てら",
	"道路_どうろ",
	"坂_さか",
	"煙_けむり",
	"灰_はい",
	"判_はん",
	"名刺_めいし",
	"免許_めんきょ",
	"多く_おおく",
	"前半_ぜんはん",
	"後半_こうはん",
	"最高_さいこう",
	"最低_さいてい",
	"最初_さいしょ",
	"最後_さいご",
	"自動_じどう",
	"種類_しゅるい",
	"性格_せいかく",
	"性質_せいしつ",
	"順番_じゅんばん",
	"番_ばん",
	"方法_ほうほう",
	"製品_せいひん",
	"値上がり_ねあがり",
	"生_なま"
	];
function function1(){
    i = Math.floor(Math.random() * arr.length);
	document.getElementById("demo").innerHTML = arr[i];
	document.getElementById("result").innerHTML ="";
	document.getElementById("answer").innerHTML ="";
	$("#input").val("");
	location.repeat();
}
function Myfunction(){
	var person = {
	高齢_こうれい:"cao tuổi",
	年上_としうえ:"hơn tuổi",
	目上_めうえ:"bề trên",
	先輩_せんぱい:"tiền bối",
	後輩_こうはい:"hậu bối",
	上司_じょうし:"cấp trên",
	相手_あいて:"đối tác",
	知り合い_しりあい:"người quen",
	友人_ゆうじん:"bạn bè",
	仲_なか:"mối quan hệ",
	生年月日_せいねんがっぴ:"ngày tháng năm sinh",
	誕生_たんじょう:"ra đời",
	年_とし:"năm",
	出身_しゅっしん:"quê quán",
	故郷_こきょう:"cố hương",
	成長_せいちょう:"trưởng thành",
	成人_せいじん:"người trưởng thành",
	合格_ごうかく:"đỗ đại học",
	進学_しんがく:"vào đại học",
	退学_たいがく:"bỏ học",
	就職_しゅうしょく:"có việc làm",
	退職_たいしょく:"nghỉ việc",
	失業_しつぎょう:"thất nghiệp",
	残業_ざんぎょう:"làm thêm",
	生活_せいかつ:"cuộc sống",
	通勤_つうきん:"đi làm",
	学歴_がくれき:"bằng cấp",
	給料_きゅうりょう:"tiền lương",
	面接_めんせつ:"phỏng vấn",
	休憩_きゅうけい:"nghỉ ngơi",
	観光_かんこう:"tham quan",
	帰国_きこく:"về nước",
	帰省_きせい:"về quê",
	帰宅_きたく:"về nhà",
	参加_さんか:"tham gia",
	出席_しゅっせき:"có mặt",
	欠席_けっせき:"vắng mặt",
	遅刻_ちこく:"đến muộn",
	化粧_けしょう:"trang điểm",
	計算_けいさん:"tính toán",
	計画_けいかく:"kế hoạch",
	成功_せいこう:"thành công",
	失敗_しっぱい:"thất bại",
	準備_じゅんび:"chuẩn bị",
	整理_せいり:"chỉnh sửa",
	注文_ちゅうもん:"đặt hàng",
	貯金_ちょきん:"tiết kiệm",
	徹夜_てつや:"thức xuyên đêm",
	引っ越し_ひっこし:"chuyển nhà",
	身長_しんちょう:"chiều cao",
	体重_たいじゅう:"cân nặng",
	けが_けが:"vết thương",
	会_かい:"hội",
	趣味_しゅみ:"sở thích",
	興味_きょうみ:"hứng thú",
	思い出_おもいで:"nhớ lại",
	冗談_じょうだん:"đùa cợt",
	目的_もくてき:"mục đích",
	約束_やくそく:"lời hứa",
	おしゃべり_おしゃべり:"nói chuyện riêng",
	遠慮_えんりょ:"ngại ngần",
	我慢_がまん:"chịu đựng",
	目枠_めわく:"làm phiền",
	希望_きぼう:"hi vọng",
	夢_ゆめ:"giấc mơ",
	賛成_さんせい:"đồng ý",
	反対_はんたい:"đối lập",
	創造_そうぞう:"tưởng tượng",
	努力_どりょく:"nỗ lực",
	太陽_たいよう:"mặt trời",
	地球_ちきゅう:"trái đất",
	温度_おんど:"nhiệt độ",
	湿度_しつど:"độ ẩm",
	湿気_しっけ:"hơi ẩm",
	梅雨_つゆ:"mùa mưa",
	かび:"nấm mốc",
	暖房_だんぼう:"điều hòa ấm",
	皮_かわ:"da",
	館_かん:"can",
	画面_がめん:"màn hình",
	番組_ばんぐみ:"chương trình",
	記事_きじ:"ký sự",
	近所_きんじょ:"xung quanh",
	警察_けいさつ:"cảnh sát",
	犯人_はんにん:"tội phạm",
	小銭_こぜに:"tiền lẻ",
	ごちそう_ごちそう:"chiêu đãi",
	作者_作者:"tác giả",
	作品_さくひん:"tác phẩm",
	制服_せいふく:"đồng phục",
	洗剤_せんざい:"bột giặt",
	底_そこ:"đáy",
	地下_ちか:"ngầm",
	寺_てら:"chùa",
	道路_どうろ:"đường",
	坂_さか:"dốc",
	煙_けむり:"khói",
	灰_はい:"tàn",
	判_はん:"con dấu",
	名刺_めいし:"danh thiếp",
	免許_めんきょ:"giấy phép",
	多く_おおく:"nhiều",
	前半_ぜんはん:"phần đầu",
	後半_こうはん:"phần cuối",
	最高_さいこう:"cao nhất",
	最低_さいてい:"thấp nhất",
	最初_さいしょ:"đầu tiên",
	最後_さいご:"cuối cùng",
	自動_じどう:"tự động",
	種類_しゅるい:"loại",
	性格_せいかく:"tính cách",
	性質_せいしつ:"tính chất",
	順番_じゅんばん:"thứ tự",
	番_ばん:"lượt",
	方法_ほうほう:"phương pháp",
	製品_せいひん:"sản phẩm",
	値上がり_ねあがり:"tăng giá",
	生_なま:"tươi",
	};

    var x,y;

    x = document.getElementById("form1");
	y = x.elements["nameInput"].value;

    document.getElementById("result").innerHTML = y;

	if(person[arr[i]] == y){
	document.getElementById("result").innerHTML = "true";
	document.getElementById("answer").innerHTML = "";
	}else {
	document.getElementById("result").innerHTML = "fail";
	document.getElementById("answer").innerHTML = person[arr[i]];
	}
}

</script>

</body>
</html>