사용자
flyant(비교)
| r1564 vs r1565 | ||
|---|---|---|
| ... | ... | |
| 22 | 22 | .num-flex {display:flex;flex-wrap:wrap;gap:10px;margin:10px 0;border:1px solid gray} |
| 23 | 23 | .num-align {margin:auto} |
| 24 | 24 | .num-margin {margin-top: -52px} |
| 25 | .num-show {display:block} | |
| 25 | 26 | .num-hide {display:none} |
| 26 | 27 | }}} |
| 27 | 28 | |
| ... | ... | |
| 44 | 45 | {{{#!wiki style="display:inline-block;padding:0 10px;border:1px solid gray" |
| 45 | 46 | {{{#!if index0 = -2, index1 = -1, index2 = 0 |
| 46 | 47 | }}}{{{#!if ++index0, ++index1, ++index2 |
| 47 | }}}{{{#!wiki class="num-group-@index1@" | |
| 48 | }}}{{{#!if num_button_state = 'num-show', num_dummy_state = 'num-hide' | |
| 49 | }}}{{{#!if index1 == 0 | |
| 50 | {{{#!if num_button_state = 'num-hide', num_dummy_state = 'num-show' | |
| 51 | }}}}}}{{{#!wiki class="num-group-@index1@" | |
| 48 | 52 | {{{#!wiki class="num-flex" |
| 49 | 53 | {{{#!wiki class="num-button" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-0;remove-class,n@index1@,num-hide" |
| 50 | 54 | {{{#!wiki class="num-align" |
| ... | ... | |
| 67 | 71 | 8}}}}}}{{{#!wiki class="num-button" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-8;remove-class,n@index1@,num-hide" |
| 68 | 72 | {{{#!wiki class="num-align" |
| 69 | 73 | 9}}}}}}}}}{{{#!wiki class="num-flex" |
| 70 | {{{#!wiki class="num-button" onclick="remove-class,num-group-0,num-hide;add-class,num-group-1,num-hide;add-class,num-group-2,num-hide;add-class,num-group-3,num-hide;add-class,num-group-4,num-hide;add-class,num-group-5,num-hide;add-class,num-group-6,num-hide;add-class,num-group-7,num-hide;add-class,num-group-8,num-hide;add-class,num-group-9,num-hide;add-class,n0,num-hide;add-class,n1,num-hide;add-class,n2,num-hide;add-class,n3,num-hide;add-class,n4,num-hide;add-class,n5,num-hide;add-class,n6,num-hide;add-class,n7,num-hide;add-class,n8,num-hide;add-class,n9,num-hide;add-class,n10,num-hide" | |
| 74 | {{{#!wiki class="num-dummy @num_dummy_state@" | |
| 75 | }}}{{{#!wiki class="num-button @num_button_state@" onclick="remove-class,num-group-0,num-hide;add-class,num-group-1,num-hide;add-class,num-group-2,num-hide;add-class,num-group-3,num-hide;add-class,num-group-4,num-hide;add-class,num-group-5,num-hide;add-class,num-group-6,num-hide;add-class,num-group-7,num-hide;add-class,num-group-8,num-hide;add-class,num-group-9,num-hide;add-class,n0,num-hide;add-class,n1,num-hide;add-class,n2,num-hide;add-class,n3,num-hide;add-class,n4,num-hide;add-class,n5,num-hide;add-class,n6,num-hide;add-class,n7,num-hide;add-class,n8,num-hide;add-class,n9,num-hide;add-class,n10,num-hide" | |
| 71 | 76 | {{{#!wiki class="num-align" |
| 72 | 77 | C}}}}}}{{{#!wiki class="num-align" |
| 73 | 78 | {{{#!wiki class="num-button" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-9;remove-class,n@index1@,num-hide" |
| 74 | 79 | {{{#!wiki class="num-align" |
| 75 | 0}}}}}}}}}{{{#!wiki class="num-button" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index0@,num-hide;add-class,n@index0@,num-hide" | |
| 80 | 0}}}}}}}}}{{{#!wiki class="num-dummy @num-dummy-state@" | |
| 81 | }}}{{{#!wiki class="num-button @num_button_state@" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index0@,num-hide;add-class,n@index0@,num-hide" | |
| 76 | 82 | {{{#!wiki class="num-align" |
| 77 | 83 | ←}}}}}}}}}}}} |
| 78 | 84 | }}} |
| ... | ... | |
| 80 | 86 | |
| 81 | 87 | |
| 82 | 88 | |
| 83 | ||
| 84 | 89 | 수 입력 |
| 85 | 90 | 1. num1을 누름 |
| 86 | 91 | 2. 첫째 자리에 수가 나타남 |
| ... | ... |