forked from GHolk/cjns
-
Notifications
You must be signed in to change notification settings - Fork 0
/
composeExercise.html
5026 lines (4967 loc) · 41.5 KB
/
composeExercise.html
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
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE HTML>
<html lang="zh-TW" prefix="og: http://ogp.me/ns#">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
<meta name="author" property="og:article:author" content="c34031328">
<meta name="copyright" content="Common Creative">
<meta name="generator" content="vim">
<!-- 來自 escape 的 meta -->
<!-- 以上一般不用改，以下才要改。 -->
<!-- 後設資料 -->
<meta name="date" content="2016-08-25">
<meta name="keywords" property="og:article:tag" content="倉頡新星, 倉頡輸入法, cj, 練習, 教學, 拆字">
<meta property="og:discription" name="discription" content="用 HTML + CSS + JS 做的倉頡輸入法拆字練習軟體。">
<!-- 和網頁位置有關 -->
<meta property="og:url" content="http://gholk.github.io/cjns/exercise.html">
<!--link rel="icon" type="image/png" href="../icon.png"-->
<!--meta property="og:image" content="../icon.png"-->
<link rel="stylesheet" type="text/css" href="composeExercise.css">
<title> 倉頡新星 字庫練習 </title>
</head>
<body>
<div id="questContainer">
<h1 title="ahqm" id="quest">星</h1>
<div id="hint">＊＊＊＊</div>
<span id="visual">_</span>
<textarea id="input" placeholder="請在這裡輸入英文字母">
</textarea>
</div>
<div id="middleContainer">
<div id="respond">
<p class="system">
<em>
歡迎來到 <strong>倉頡新星</strong>
的 <strong>字庫練習</strong> 。
</em>
</p>
<p class="system">
把游標放到右下角的輸入區
並把輸入法調成英文，
就可以開始練習了！
</p>
<div id="respondMaterial">
<p>偷偷告訢你，用冒號開頭可以和我對話。</p>
<p>要按 Enter 鍵才會送出對話喔。</p>
<p>其實不用用冒號也可以送字啦。</p>
<p>字體可以用控制條調大小。</p>
<p>唉……，一直喊對錯對錯也是很累的。</p>
<p>不然你來喊，我來打。</p>
<p>哈哈，怎麼可能啊！</p>
</div>
<div id="chatBack">
<p>哈哈，你說話了！</p>
<p>哦！</p>
<p>好喔。</p>
<p>嗯嗯。</p>
<p>真的嗎？</p>
<p>哈哈，先洗澡。</p>
</div>
<div id="nextStage">
<p>
恭喜你完成本字庫！
</p>
<p>
這是第 tableId 個字庫，
還有 leftTable 個字庫等著你。
</p>
<p>
歡迎挑戰 <a href="#nextTableId">第 nextTableId 個字庫</a> ！
</p>
<p>恭喜，你已經完成常用共 4808 字的練習了！</p>
</div>
</div>
<div id="fontPx">
<h2>字體大小</h2>
<input type="range" min="1" max="28" />
</div>
<h2> <a href="index.html">回首頁</a>
<a href="compose.html#exercise">使用說明</a> </h2>
</div>
<div id="characterContainer">
<!--iframe src="JavaScript:''">
<p class="system">您無福享受啦！</p>
</iframe>
<input id="convientNavigate" type="text" /-->
<h2 id="characterHead">目前使用中的表格</h2>
<pre id="characterUse">
夫 佳 兵 者 不 祥 之 器
物 或 惡 之 故 有 道 者 不 處
君 子 居 則 貴 左 用 兵 則 貴 右
兵 者 不 祥 之 器 非 君 子 之 器 不 得 已 而 用 之 恬 淡 爲 上
勝 而 不 美 而 美 之 者 是 樂 殺 人 夫 樂 殺 人 者 則 不 可 以 得 志 於 天 下 矣
吉 事 尚 左 凶 事 尚 右 偏 將 軍 居 左 上 將 軍 居 右 言 以 喪 禮 處 之
殺 人 之 衆 以 哀 悲 泣 之 戰 勝 以 喪 禮 處 之
</pre>
<div id="character">
<pre id="0">
現mgbuu
數lvok
勾pi
戶hs
烤fjks
化op
蹺rmggu
匕uh
抒qnin
飪oihg
啪rqha
叱rp
伐oi
王mg
丈jk
燜fanp
西mcw
七ju
只rc
倀osmv
颺hnamh
齟yubm
睛buqmb
胡jrb
杷dau
釦cr
夭hk
嬸vjhw
拷qjks
桌yad
灶fg
沐ed
首thbu
曰a
糾vfvl
墅wng
叭rc
立yt
烘ftc
蛟liyck
勻pim
寸di
兀mu
量amwg
竹h
拍qha
願mfmbc
共tc
乞on
窯jctgf
贍bcncr
塚gbmo
回wr
漪ekhr
筆hlq
虞yprvk
奴ve
胥nob
扣qr
臥slo
水e
匆pkk
佰oma
御hooml
謎yryfd
鑒swc
娌vwg
昆app
梓dytj
伉oyhn
戚ihymf
禁ddmmf
囚wo
誣yrmoo
訴yrhmy
旨pa
卜y
占yr
浬ewg
夕ni
位oyt
引nl
待hogdi
巨ss
圭gg
炒ffh
銜hocmn
型mng
中l
艾tk
一m
奎kgg
床id
弭nsj
芟thne
廿t
犬ik
午oj
尸s
捆qwd
不mf
羊tq
腮bwp
訪yryhs
四wc
跚rmbt
弓n
冉gb
丟hgi
于md
輕jjmvm
束dl
卻crsl
聿lq
博jibi
遏yapv
旺amg
餐yeoiv
十j
採qbd
巳ru
娜vsql
山u
蕈tmwj
莞tjmu
萸thxo
裘ieyhv
諫yrdwf
轡vfr
并tt
杳da
疙kon
入oh
飩oipu
輪jjomb
天mk
瀾eanw
內ob
鉗ctm
月b
胸bpuk
比pp
釗cln
迆ypd
娑ehv
柚dlw
札du
屁spp
謙yrtxc
父ck
</pre>
<pre id="1">
仲ol
瑛mgtlk
才dh
璋mgytj
銷cfb
豆mrt
恐mnp
超goshr
佐okm
強nili
終vfhey
製hnyhv
尼sp
縱vfhoo
干mj
跪rmnmu
娼vaa
昌aa
挖qjcn
弒kcipm
趟gofbr
舂qkhx
訕yru
下my
粹fdyoj
匹sc
疚kno
刀sh
暫jla
田w
堵gjka
串ll
屎sfd
口r
鷺rrhaf
細vfw
九kn
么hi
豪yrbo
舊togx
舌hjr
驃sfmwf
梱dwd
的hapi
屠sjka
卅tj
躉twbo
婆eev
琍mghdn
常fbrlb
冽immnn
艮av
枸dpr
配mwsu
灰kf
傷ooah
捂qmmr
升ht
甥hmwks
鸞vfhaf
錢cii
丑ng
裂mnyhv
汁ej
荊tmtn
鏝cawe
舒ornin
巖urrk
仄mo
心p
貢mbuc
盟abbt
誦yrnib
勦vdks
宿joma
千hj
右kr
按qjv
台ir
久no
閱ancru
方yhs
禦hlmmf
嘻rgrr
人o
策hdb
弔nl
瓷iomvn
翕omrm
差tqm
戎ij
獐khytj
妯vlw
斗yj
耆jpa
炸fhs
鸚bvhaf
沿ecr
沱ejp
遭ytwa
函nue
彎vfn
柱dyg
拓qmr
蘗tsjd
箝hqtm
準egj
戈i
芙tqo
嬤vidi
瘩ktor
木d
褂lggy
攘qyrv
熄fhup
歸hmsmb
貉bhher
惻pbcn
陵nlgce
返yhe
旋ysono
促oryo
誓qlymr
汀emn
磬gemr
犒hqyrb
問anr
徇hopa
洪etc
騷sfeii
牽yvbq
仙ou
金c
怨nup
胄lwb
冒abu
什oj
怕pha
乙nu
塭gwot
倆omlb
屹uon
八ho
繡vflx
啣roml
指qpa
飢oihn
土g
嫦vfbb
叵sr
</pre>
<pre id="2">
佾ocb
梁eid
煌fhag
怔pmym
鱷nfmgr
絮vrvif
坊gyhs
呆rd
女v
智ora
音yta
疤kau
屆sug
康ile
諉yrhdv
洌emnn
奕yck
杭dyhn
幹jjomj
且bm
胎bir
叔yfe
養toiav
魔idhi
農twmmv
顫ymmbc
注eyg
嘉grtr
摘qycb
遘yttb
目bu
汐eni
亟mem
郵hmnl
餒oibv
乃nhs
旗ysotc
浩ehgr
圯gru
掃qsmb
忽php
犖ffbhq
泣eyt
艙hyoir
德hojwp
笙hhqm
縑vftxc
篤hsqf
麴jnpfd
妣vpp
盾hjbu
汝ev
辮yjvfj
辨yjilj
獵khvvv
噪rrrd
支je
癢ktov
帶kpblb
笨hdm
春qka
淮eog
平mfj
弁it
篩hhrb
屋smig
摯giq
弘ni
朋bb
氾esu
弩ven
黯wfyta
火f
俊oice
穴jc
崔uog
噙royb
滂eybs
抖qyj
童ytwg
爻kk
裳fbryv
淨ebsd
卑hhj
領oimbc
窒jcmig
軻jjmnr
晴aqmb
醒mwahm
棄yitd
捉qryo
賺bctxc
厝mta
閨angg
掌fbrq
針cj
舢hyu
伙of
類fkmbc
置wljbm
蜂lihej
丹by
炙bf
螞lisqf
秦qkhd
趴rmc
愎poae
幸gtj
慚pjjl
萬twlb
斤hml
殖mnjbm
褐lapv
媒vtmd
肚bg
齪yuryo
日a
垠gav
復hooae
剿vdln
東dw
暈abjj
凡hni
患llp
快pdk
紉vfshi
迅ynj
驕sfhkb
刃shi
厥mtuo
黔wfoin
綑vfwd
洋etq
齦yuav
套ksmi
懲hkp
諺yryhh
福ifmrw
硯mrbuu
塹jlg
傑onqd
丫cl
朵hnd
汨ea
囀rjji
闌andwf
大k
峭ufb
佳ogg
菰tndo
</pre>
<pre id="3">
公ci
因wk
錐cog
式ipm
北lmp
彙vmbwd
戾hsik
瞭bukcf
防nlyhs
孝jknd
扶qqo
嗡rcim
仆oy
摔qyij
巧mmvs
謗yrybs
汽eomn
惑imp
士jm
播qhdw
左km
埂gmlk
嘶rtcl
六yc
總vfhwp
搜qhxe
甜hrtm
俟oiok
廉itxc
沁ep
友ke
瑣mgfbc
淺eii
擔qncr
張nsmv
羚tqoii
素qmvif
孔ndu
緬vfmwl
鏑cycb
瓊mgnbe
嘆rtlo
閃ano
蝨njlii
林dd
裨lhhj
哭rrik
功mks
庇ipp
肺bjb
蜢lindt
悶anp
擺qwlp
供otc
沖el
勗abms
做ojrk
旬pa
尖fk
雷mbw
早aj
矓buybp
氳onwot
急nsp
吝ykr
旌ysohm
掙qbsd
幅lbmrw
鄙rwnl
黛opwgf
訝yrmvh
彫brhhh
轎jjhkb
枯djr
奸vmj
詆yrhpm
若tkr
募taks
冊bt
砭mrhio
尤iku
果wd
髦shhqu
蒐thi
孟ndbt
上ym
禍ifbbr
劍ooln
貂bhshr
乎hfd
窖jchgr
弛npd
肢bje
邦qjnl
凶uk
坩gtm
根dav
響vlyta
技qje
耍mbv
箕htmc
悲lyp
齊yx
捏qhxm
證yrnot
氯onvne
關anvit
叫rvl
</pre>
<pre id="4">
哂rmcw
踵rmhjg
樺dtmj
後hovie
叛fqhe
戀vfp
要mwv
京yrf
咸ihmr
貨opbuc
愚wbp
專jidi
逆ytu
茶tod
麥joni
捐qrb
摒qstt
輻jjmrw
揆qnok
剛buln
利hdln
遊yysd
袈kryhv
涓erb
板dhe
偌otkr
慶ixe
蟒litit
甫ijb
沮ebm
舀bhx
鉛ccr
茅tnih
悖pjbd
蝶liptd
殼gnhne
衡honkn
彪yuhhh
舉hcq
釣cpi
足ryo
段hjhne
</pre>
<pre id="5">
瀨edlc
陽nlamh
拙quu
幣fklb
出uu
云mmi
爆fate
惚pphp
繞vfggu
騖nksqf
皎hayck
跨rmkms
維vfog
容jcor
耳sj
甘tm
李dnd
居sjr
治eir
鋅cytj
譴yrylr
吐rg
吾mmr
鈍cpu
望ybhg
擎tkq
韌dqshi
訛yrop
夢twln
喱rmwg
希kklb
魘mkhi
賓jmhc
馨gehda
廠ifbk
估ojr
示mmf
送ytk
怵pijc
靜qbbsd
曲tw
乍hs
余omd
析dhml
翅jesmm
蹣rmtlb
楠djbj
鷗srhaf
織vfyia
逗ymrt
炊fno
咫sorc
肛bm
鏃cysk
徒hogyo
文yk
栽jid
仳opp
羹tgftk
嵌utmo
朮ijc
戰rji
妞vng
軔jjshi
蚣lici
光fmu
匡smg
尺so
旦am
谷cor
朗iib
乩yru
胞bpru
末dj
窘jcskr
交yck
帚smblb
刈kln
奚bvik
蒸tnef
如vr
綺vfkmr
邁ytwb
鵲tahaf
冰ime
倘ofbr
楫drsj
悠okp
車jwj
庵iklu
鼎buvml
碰mrttc
蟲lilii
合omr
儒ombb
櫥digi
姜tgv
彆fkn
塵ipg
敲ybye
淑eyfe
濛etbo
兇ukhu
嫣vmyf
卓yaj
爭bsd
控qjcm
咎hor
無otf
臚bypt
黴houfk
葵tnok
展stv
凰hnhag
然bkf
驗sfomo
世pt
雌ympog
蟋lihdp
巴au
攻mok
蚤eilmi
蚪liyj
間ana
胭bwk
耀fusmg
牝hqp
殤mnoah
畔wfq
榷dobg
塊ghi
本dm
錨ctw
穡hdgow
彝vmfft
住oyg
星ahqm
警tkymr
緣vfvno
米fd
邑rau
梵ddhni
罈oumwj
甲wl
暮taka
曹twa
伴ofq
悉hdp
酋tcwm
昔ta
</pre>
<pre id="6">
萵tbbr
寐jvmd
地gpd
蠕limbb
啖rff
匪slmy
靼tjam
啻yblbr
諒yryrf
豌mtjnu
暢llamh
程hdrhg
軀hhsrr
妒vhs
炭umf
鵑rbhaf
決edk
吃ron
煬famh
淘epou
苗tw
蛹linib
竟ytahu
譯yrwlj
安jv
評yrmfj
蚌liqj
肅lx
嘈rtwa
俚owg
泌eph
用bq
銼coog
里wg
棚dbb
熔fjcr
小nc
械dit
輔jjijb
烊ftq
泗ewc
甸pw
桀nqd
淡eff
渾ebjj
師hrmlb
白ha
成ihs
骸bbyvo
徙hoylo
棒dqkq
宅jhp
津elq
滔ebhx
睦bugcg
鮑nfpru
卮hmsu
半fq
褚ljka
刁sm
桿damj
堆gog
籐hbfe
死mnp
戊ih
靨mkmwl
賄bckb
周bgr
鍵cnkq
焉mylf
婉vjnu
躅rmwli
欲crno
雹mbpru
茄tksr
佃ow
怖pklb
虜ypwks
鐵cjig
締vfybb
遂ytpo
和hdr
異wtc
氦onyvo
畦wgg
寓jwlb
燮ffe
窠jcwd
漳eytj
戟jji
育yib
屈suu
鰍nfhdf
胳bher
哎rtk
豎semrt
霞mbrye
嬴yrbvn
罟wljr
犢hqgwc
諄yryrd
倍oytr
忠lp
毫yrbu
彭gthhh
疝ku
蜥lidhl
玳mgoip
們oan
吹rno
熬gkf
肖fb
堰gsav