본문으로 건너뛰기
사용자

flyant(비교)

보기RAW역사
r1546 vs r1547
11
{{{#!style
2
.num-button-0 {display:inline-block;margin:5px;width:40px;height:40px;border:1px solid red;background:#000;cursor:pointer}
2
.num-button-0 {display:flex;width:40px;height:40px;border:1px solid red;background:#000;cursor:pointer}
33
.num-button-0:active {background:gray}
44
55
.num-button-1 {display:inline-block;margin:5px;width:40px;height:40px;border:1px solid green;background:#000;cursor:pointer}
66
.num-button-1:active {background:gray}
77
8
.num-0 {width:50px;height:80px;border:1px solid gray;background:conic-gradient(#fff 0%, #000 0)}
9
.num-1 {width:50px;height:80px;border:1px solid gray;background:conic-gradient(#fff 10%, #000 0)}
10
.num-2 {width:50px;height:80px;border:1px solid gray;background:conic-gradient(#fff 20%, #000 0)}
8
.num-0 {display:inline-block;width:50px;height:80px;border:1px solid gray;background:conic-gradient(#fff 0%, #000 0)}
9
.num-1 {display:inline-block;width:50px;height:80px;border:1px solid gray;background:conic-gradient(#fff 10%, #000 0)}
10
.num-2 {display:inline-block;width:50px;height:80px;border:1px solid gray;background:conic-gradient(#fff 20%, #000 0)}
1111
12
.num-flex {display:flex;flex-wrap:wrap;gap:10px;margin:10px 0;border:1px solid gray}
1213
.num-table {display:table;width:inherit;height:inherit}
13
.num-align {display:table-cell;text-align:center;vertical-align:middle}
14
.num-align {margin:auto}
1415
.num-hide {display:none}
1516
}}}
16
17
display:table-cell;text-align:center;vertical-align:middle
1718
{{{#!wiki class="num-0"
1819
}}}
1920
{{{#!wiki class="num-1"
......
2223
}}}
2324
2425
25
{{{#!if index1 = 0, index2 = 1
26
27
{{{#!wiki class="n0"
28
}}}{{{#!wiki class="n1"
29
}}}{{{#!wiki class="n2"
30
}}}{{{#!wiki class="n3"
31
}}}{{{#!wiki class="n4"
32
}}}{{{#!wiki class="n5"
33
}}}{{{#!wiki class="n6"
34
}}}{{{#!wiki class="n7"
35
}}}{{{#!wiki class="n8"
36
}}}{{{#!wiki class="n9"
2637
}}}
38
39
{{{#!if index1 = -1, index2 = 0
40
}}}{{{#!if ++index1, ++index2
41
}}}
42
{{{#!wiki style="display:inline-block;padding:0 10px;border:1px solid gray"
2743
{{{#!wiki class="num-group-@index1@"
28
{{{#!wiki class="num-button-@index1@" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide"
29
{{{#!wiki class="num-table"
44
{{{#!wiki class="num-flex"
45
{{{#!wiki class="num-button-@index1@" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-0"
3046
{{{#!wiki class="num-align"
31
1}}}}}}}}}}}}
32
{{{#!if ++index1, ++index2
33
}}}
34
{{{#!wiki class="num-group-@index1@ num-hide"
35
{{{#!wiki class="num-button-@index1@" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide"
36
{{{#!wiki class="num-table"
47
1}}}}}}{{{#!wiki class="num-button-@index1@" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-0"
3748
{{{#!wiki class="num-align"
38
1}}}}}}}}}}}}
39
{{{#!if ++index1, ++index2
49
2}}}}}}{{{#!wiki class="num-button-@index1@" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-0"
50
{{{#!wiki class="num-align"
51
3}}}}}}}}}{{{#!wiki class="num-flex"
52
{{{#!wiki class="num-button-@index1@" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-0"
53
{{{#!wiki class="num-align"
54
4}}}}}}{{{#!wiki class="num-button-@index1@" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-0"
55
{{{#!wiki class="num-align"
56
5}}}}}}{{{#!wiki class="num-button-@index1@" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-0"
57
{{{#!wiki class="num-align"
58
6}}}}}}}}}{{{#!wiki class="num-flex"
59
{{{#!wiki class="num-button-@index1@" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-0"
60
{{{#!wiki class="num-align"
61
7}}}}}}{{{#!wiki class="num-button-@index1@" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-0"
62
{{{#!wiki class="num-align"
63
8}}}}}}{{{#!wiki class="num-button-@index1@" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-0"
64
{{{#!wiki class="num-align"
65
9}}}}}}}}}{{{#!wiki class="num-flex"
4066
}}}
67
}}}}}}
4168
4269
4370
4471
4572
73
4674
수 입력
4775
1. num1을 누름
4876
2. 첫째 자리에 수가 나타남
......