javaScript/miniGameGoiNihongoUnit3.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
<!DOCTYPE html>
<html>
<head>
  <title>Try hard N3'Goi unit2.2</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 = "80%" src = "D:\MinigameNihongo\javaScript\image\love.gif"><br>
<button onclick = "enableLoop()"> a little love ! </button>
<br>
<audio id="myAudio" controls>
  <source src="D:\MinigameNihongo\javaScript\music\alittlelove.mp3" type="audio/mpeg">
</audio>
</div>

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

<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"></p>
<h3 id = "answer"></h3>
<h3 id = "mean"></h3>
</div>
</center>
<script>
	var myaudio = document.getElementById("myAudio");
	var i ;
	//var l = arr.length();
	var arr = [
	"かざり_飾る",
	"あそび_遊び",
	"あつまり_集まる",
	"おしえ_教え",
	"おどり_踊り",
	"おもい_思い",
	"かんがえ_考え",
	"かたづけ_片付け",
	"てつだい_手伝い",
	"はたらき_働き",
	"きまり_決まり",
	"さわぎ_騒ぎ",
	"しらせ_知らせ",
	"たのみ_頼み",
	"つかれ_疲れ",
	"ちがい_違い",
	"はじめ",
	"つづき_続き",
	"くれ_暮れ",
	"いき_行き",
	"かえり_帰り",
	"いそぎ_急ぎ",
	"おくれ_遅れ",
	"かし_貸し",
	"かり_借り",
	"かち_勝ち",
	"まけ_負け",
	"むかえ_迎え",
	"はじまり_始まり",
	"おわり_終わり",
	"もどり_戻り",
	"わかれ_別れ",
	"よろこび_喜び",
	"たのしみ_楽しみ",
	"わらい_笑い",
	"おどろき_驚き",
	"いかり_怒り",
	"かなしみ_悲しみ"
	];

var cachdoc = {
	かざり_飾る:"trang trí",
	あそび_遊び:"chơi",
	あつまり_集まる:"tập hợp",
	おしえ_教え:"dạy",
	おどり_踊り:"nhảy",
	おもい_思い:"suy nghĩ, cảm giác",
	かんがえ_考え:"nghĩ, ý tưởng",
	かたづけ_片付け:"ngăn nắp",
	てつだい_手伝い:"giúp đỡ",
	はたらき_働き:"hoạt động",
	きまり_決まり:"luật lệ",
	さわぎ_騒ぎ:"ồn ào, o xòm",
	しらせ_知らせ:"tin tức, thông báo",
	たのみ_頼み:"yêu cầu",
	つかれ_疲れ:"vất vả, mệt mỏi",
	ちがい_違い:"khác biệt",
	はじめ:"khởi đầu",
	つづき_続き:"tiếp tục",
	くれ_暮れ:"cuối năm",
	いき_行き:"đi",
	かえり_帰り:"trở về",
	いそぎ_急ぎ:"khẩn cấp, vội",
	おくれ_遅れ:"gián đoạn",
	かし_貸し:"cho mượn",
	かり_借り:"mượn",
	かち_勝ち:"thắng",
	まけ_負け:"thua",
	むかえ_迎え:"đón",
	はじまり_始まり:"bắt đầu",
	おわり_終わり:"kết thúc",
	もどり_戻り:"trở về, trả lại",
	わかれ_別れ:"chia ly",
	よろこび_喜び:"hớn hở",
	たのしみ_楽しみ:"sung sướng",
	わらい_笑い:"cười",
	おどろき_驚き:"ngạc nhiên",
	いかり_怒り:"giận dữ",
	かなしみ_悲しみ:"buồn bã",
	};
var nghia = {
	かざり_飾る:"クリスマスの飾りを買った。",
	あそび_遊び:"かくれんぼは子供の遊びだ。",
	あつまり_集まる:"あした、マンションの住人の集まりがある。",
	おしえ_教え:"母の教えを今でも思い出す。",
	おどり_踊り:"留学生が各国の踊りを踊った。",
	おもい_思い:"あの人に私の思いが届いた。",
	かんがえ_考え:"私にいい考えがある。",
	かたづけ_片付け:"私は片付けが苦手だ。",
	てつだい_手伝い:"引っ越しの手伝いをする。",
	はたらき_働き:"彼の働きで計画がで成功した。",
	きまり_決まり:"学校で新しい決まりがあった。",
	さわぎ_騒ぎ:"きのう、駅前で騒ぎがあった。",
	しらせ_知らせ:"父が入院したという知らせがあった。",
	たのみ_頼み:"あなたに頼みがあるんです。",
	つかれ_疲れ:"仕事で疲れがたまっている。",
	ちがい_違い:"このにつの違いがわからない。",
	はじめ:"本を始めから終わりまで千全部読んだ。",
	つづき_続き:"早く本の続きが読みたい。",
	くれ_暮れ:"年のくれは忙しい。",
	いき_行き:"旅行は、行きは新幹線、帰りは飛行機だった。",
	かえり_帰り:"会社の行き帰りにコンビニに寄る。",
	いそぎ_急ぎ:"急ぎの仕事が入った。",
	おくれ_遅れ:"電車３分の遅れが出た。",
	かし_貸し:"あの人には１０万円の貸しがある。",
	かり_借り:"試験中は、筆記用具の貸し借りは禁止されている。",
	かち_勝ち:"きょうの試合はAチームの勝ちだった。",
	まけ_負け:"負けが続いて、いやになった。",
	むかえ_迎え:"迎えの車がなかなか来ない。",
	はじまり_始まり:"映画の始まりに間に合わなかった。",
	おわり_終わり:"映画の始まりに間に合わなかった。",
	もどり_戻り:"きょうの戻りは３時ごろになります。",
	わかれ_別れ:"日本では３月は別れの季節だ。",
	よろこび_喜び:"優勝できて、喜びでいっぱいだ。",
	たのしみ_楽しみ:"来週のパーテイーが楽しみだ。",
	わらい_笑い:"歌手の初段で会場に笑いが起きた。",
	おどろき_驚き:"この大きな家がたったの１００万円とは驚きだ。",
	いかり_怒り:"殺人のニュースに怒りを感じた。",
	かなしみ_悲しみ:"愛犬を亡くした悲しみが消えない。",
	};

//while(i != l){
		function function1(){
			i = Math.floor(Math.random() * arr.length);
			document.getElementById("demo").innerHTML = arr[i];
			document.getElementById("result").innerHTML ="";
			document.getElementById("answer").innerHTML ="";
			document.getElementById("mean").innerHTML ="";
			$("#input").val("");
			location.repeat();
		}
		function Myfunction(){

			var x,y;

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

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

			if(cachdoc[arr[i]] == y){
			document.getElementById("result").innerHTML = "true";
			document.getElementById("mean").innerHTML = nghia[arr[i]];
			document.getElementById("answer").innerHTML = "";
			}else {
			document.getElementById("result").innerHTML = "fail";
			document.getElementById("answer").innerHTML = cachdoc[arr[i]];
			document.getElementById("mean").innerHTML = nghia[arr[i]];
			}
		}
		//i++
		//if(i == l) i = 0;
//}
function enableLoop(){ // loop mp3
		myaudio.loop = true;
		myaudio.load();
	}
</script>

</body>
</html>