Skip to content

Commit 446be86

Browse files
C-vindC-vind
authored
UI Adjustment
1 parent a68d50c commit 446be86

File tree

1 file changed

+64
-33
lines changed

1 file changed

+64
-33
lines changed

‎Nonogram.html

Lines changed: 64 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -1,42 +1,73 @@
11
<html>
22
<head>
3-
<title> Nonogram </title>
4-
5-
<script type="text/javascript" src="Function.js"> </script>
3+
<title> Nonogram </title>
4+
5+
<script type="text/javascript" src="Function.js"></script>
66
</head>
77
<body onload="Timer()">
88

99
<center>
10-
<font face="Magneto" size="6">
11-
<font color="Red">N</font><font color="Blue">O</font><font color="Red">N</font><font color="Blue">O</font><font color="Red">G</font><font color="Blue">R</font><font color="Red">A</font><font color="Blue">M</font></font><br /> <br />
12-
<table border="5" style="background-color:white" width="84%"><tr style="background-color:black"><td align="center">
13-
<table width="100%"><tr><td colspan="2" align="center"><font color="white" size="4"><b>How To Play :</td></tr> <tr></tr>
14-
<tr><td width="43%"><font color="white"><b>
15-
01. Fill out the width & height of the board and click submit. <br />
16-
02. There are 2 choices, <font color="Red">"O"</font> and <font color="Blue">"X"</font>. <br />
17-
03. The goal of the game is to <font color="Red">find the location of all "O"</font>. <br />
18-
04. Each <font color="Orange">horizontal number</font> shows the consecutive number of <font color="Red">"O"</font> in that row. <br />
19-
05. Each <font color="Violet">vertical number</font> shows the consecutive number of <font color="Red">"O"</font> in that column. <br />
20-
06. Separated number means that there will be at least 1 cell that separate the <br />
21-
consecutive number of <font color="Red">"O"</font> in that row/column. <br />
22-
07. Click <font color="Red">"O"</font> button and click the cell in the board that you think is <font color="Red">"O"</font>. <br />
23-
08. Click <font color="Blue">"X"</font> button and click the cell in the board if you think that is <font color="Blue">"X"</font>. </td>
24-
<td width="41%"><font color="white"><b>
25-
09. The minimum width * height of the board is 3 * 3. <br />
26-
10. The maximum width * height of the board is 26 * 26. <br />
27-
11. There are 2 kind of hints in the game. <br />
28-
12. <font color="Green">HintA</font> = User choose a cell in the board and the answer will be shown. <br />
29-
13. The number of <font color="Green">HintA</font> that can be used is N = ((width + height) div 6). <br />
30-
14. <font color="Purple">HintB</font> = The answer of 2 random cells that is still not solved will be shown. <br />
31-
15. <font color="Purple">HintB</font> can only be used if N is more than 4. <br />
32-
16. The number of <font color="Purple">HintB</font> that can be used is (N - 4). <br />
33-
17. There will be (N - 1) <font color="Yellow">Wrong Chance(s)</font>.</td></tr></table>
34-
</td></tr></table><br />
10+
<font face="Magneto" size="6">
11+
<font color="LightBlue">N</font><font color="Pink">o</font><font color="LightBlue">n</font><font
12+
color="Pink">o</font><font
13+
color="LightBlue">g</font><font color="Pink">r</font><font color="LightBlue">a</font><font
14+
color="Pink">m</font></font><br/> <br/>
15+
<table border="5" style="background-color:white" width="84%">
16+
<tr style="background-color:black">
17+
<td align="center">
18+
<table width="100%">
19+
<tr>
20+
<td colspan="2" align="center"><font color="white" size="4"><b>How To Play :</td>
21+
</tr>
22+
<tr></tr>
23+
<tr>
24+
<td width="43%"><font color="white"><b>
25+
01. Fill out the width & height of the board and click submit. <br/>
26+
02. There are 2 choices, <font color="Pink">"O"</font> and <font
27+
color="LightBlue">"X"</font>.
28+
<br/>
29+
03. The goal of the game is to <font color="Pink">find the location of all "O"</font>. <br/>
30+
04. Each <font color="Violet">horizontal number</font> shows the consecutive number of <font
31+
color="Pink">"O"</font> in that row. <br/>
32+
05. Each <font color="Turquoise">vertical number</font> shows the consecutive number of
33+
<font
34+
color="Pink">"O"</font> in that column. <br/>
35+
06. Separated number means that there will be at least 1 cell that separate the <br/>
36+
consecutive number of <font color="Pink">"O"</font> in that row/column. <br/>
37+
07. Click <font color="Pink">"O"</font> button and click the cell in the board that you
38+
think
39+
is <font color="Pink">"O"</font>. <br/>
40+
08. Click <font color="LightBlue">"X"</font> button and click the cell in the board if you
41+
think
42+
that is <font color="LightBlue">"X"</font>.</td>
43+
<td width="41%"><font color="white"><b>
44+
09. The minimum width * height of the board is 3 * 3. <br/>
45+
10. The maximum width * height of the board is 26 * 26. <br/>
46+
11. There are 2 kind of hints in the game. <br/>
47+
12. <font color="Green">HintA</font> = User choose a cell in the board and the answer will
48+
be shown. <br/>
49+
13. The number of <font color="Green">HintA</font> that can be used is N = ((width + height)
50+
div 6). <br/>
51+
14. <font color="Purple">HintB</font> = The answer of 2 random cells that hasn't been chosen
52+
will be shown. <br/>
53+
15. <font color="Purple">HintB</font> can only be used if N is more than 4. <br/>
54+
16. The number of <font color="Purple">HintB</font> that can be used is (N - 4). <br/>
55+
17. There will be (N - 1) <font color="Orange">Wrong Chance(s)</font>.</td>
56+
</tr>
57+
</table>
58+
</td>
59+
</tr>
60+
</table>
61+
<br/>
3562

36-
<table><tr align="center" id="Anmt"> </tr></table> <br />
63+
<table>
64+
<tr align="center" id="Anmt"></tr>
65+
</table>
66+
<br/>
3767

38-
Width : <input id="Wdth" /> Height : <input id="Hght" /> <button id="Sbmt" onclick="Sbmt()"> Submit </button>
39-
<div id="Opt"> </div>
40-
<div id="Tbl"> </div>
68+
Width : <input id="Wdth"/> Height : <input id="Hght"/>
69+
<button id="Sbmt" onclick="Sbmt()"> Submit</button>
70+
<div id="Opt"></div>
71+
<div id="Tbl"></div>
4172

42-
</body>
73+
</body>

0 commit comments

Comments
 (0)