UNPKG

magcore-app-sudoku

Version:

Sudoku is a well-known Japanese puzzle. You need to fill all the cells the way there won't be the same two numbers in each row, column or block.

146 lines 6.17 kB
<!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <link rel="icon" type="image/png" href="img/favicon.png"> <script type="text/javascript" src="main.js"></script> </head> <body> <!-- top-level page block (visible by default)--> <div class="component page active" id="pageInit"> <div class="cell">Loading ... <div class="version"><span class="value"></span></div> </div> </div> <!-- top-level page block--> <div class="component page" id="pageMain"> <div id="wrapper"> <div id="game"> <!-- < line 1 >--> <div class="b_box" id="q0"> <div class="box q_0 i_0" id="p_00"></div> <div class="box q_0 i_1" id="p_01"></div> <div class="box q_0 i_2" id="p_02"></div> <div class="box q_0 i_3" id="p_09"></div> <div class="box q_0 i_4" id="p_10"></div> <div class="box q_0 i_5" id="p_11"></div> <div class="box q_0 i_6" id="p_18"></div> <div class="box q_0 i_7" id="p_19"></div> <div class="box q_0 i_8" id="p_20"></div> </div> <div class="b_box" id="q1"> <div class="box q_1 i_0" id="p_03"></div> <div class="box q_1 i_1" id="p_04"></div> <div class="box q_1 i_2" id="p_05"></div> <div class="box q_1 i_3" id="p_12"></div> <div class="box q_1 i_4" id="p_13"></div> <div class="box q_1 i_5" id="p_14"></div> <div class="box q_1 i_6" id="p_21"></div> <div class="box q_1 i_7" id="p_22"></div> <div class="box q_1 i_8" id="p_23"></div> </div> <div class="b_box" id="q2"> <div class="box q_2 i_0" id="p_06"></div> <div class="box q_2 i_1" id="p_07"></div> <div class="box q_2 i_2" id="p_08"></div> <div class="box q_2 i_3" id="p_15"></div> <div class="box q_2 i_4" id="p_16"></div> <div class="box q_2 i_5" id="p_17"></div> <div class="box q_2 i_6" id="p_24"></div> <div class="box q_2 i_7" id="p_25"></div> <div class="box q_2 i_8" id="p_26"></div> </div> <!-- < / line 1 >--> <!-- < line 2 >--> <div class="b_box" id="q3"> <div class="box q_3 i_0" id="p_27"></div> <div class="box q_3 i_1" id="p_28"></div> <div class="box q_3 i_2" id="p_29"></div> <div class="box q_3 i_3" id="p_36"></div> <div class="box q_3 i_4" id="p_37"></div> <div class="box q_3 i_5" id="p_38"></div> <div class="box q_3 i_6" id="p_45"></div> <div class="box q_3 i_7" id="p_46"></div> <div class="box q_3 i_8" id="p_47"></div> </div> <div class="b_box" id="q4"> <div class="box q_4 i_0" id="p_30"></div> <div class="box q_4 i_1" id="p_31"></div> <div class="box q_4 i_2" id="p_32"></div> <div class="box q_4 i_3" id="p_39"></div> <div class="box q_4 i_4" id="p_40"></div> <div class="box q_4 i_5" id="p_41"></div> <div class="box q_4 i_6" id="p_48"></div> <div class="box q_4 i_7" id="p_49"></div> <div class="box q_4 i_8" id="p_50"></div> </div> <div class="b_box" id="q5"> <div class="box q_5 i_0" id="p_33"></div> <div class="box q_5 i_1" id="p_34"></div> <div class="box q_5 i_2" id="p_35"></div> <div class="box q_5 i_3" id="p_42"></div> <div class="box q_5 i_4" id="p_43"></div> <div class="box q_5 i_5" id="p_44"></div> <div class="box q_5 i_6" id="p_51"></div> <div class="box q_5 i_7" id="p_52"></div> <div class="box q_5 i_8" id="p_53"></div> </div> <!-- < / line 2 >--> <!-- < line 3 >--> <div class="b_box" id="q6"> <div class="box q_6 i_0" id="p_54"></div> <div class="box q_6 i_1" id="p_55"></div> <div class="box q_6 i_2" id="p_56"></div> <div class="box q_6 i_3" id="p_63"></div> <div class="box q_6 i_4" id="p_64"></div> <div class="box q_6 i_5" id="p_65"></div> <div class="box q_6 i_6" id="p_72"></div> <div class="box q_6 i_7" id="p_73"></div> <div class="box q_6 i_8" id="p_74"></div> </div> <div class="b_box" id="q7"> <div class="box q_7 i_0" id="p_57"></div> <div class="box q_7 i_1" id="p_58"></div> <div class="box q_7 i_2" id="p_59"></div> <div class="box q_7 i_3" id="p_66"></div> <div class="box q_7 i_4" id="p_67"></div> <div class="box q_7 i_5" id="p_68"></div> <div class="box q_7 i_6" id="p_75"></div> <div class="box q_7 i_7" id="p_76"></div> <div class="box q_7 i_8" id="p_77"></div> </div> <div class="b_box" id="q8"> <div class="box q_8 i_0" id="p_60"></div> <div class="box q_8 i_1" id="p_61"></div> <div class="box q_8 i_2" id="p_62"></div> <div class="box q_8 i_3" id="p_69"></div> <div class="box q_8 i_4" id="p_70"></div> <div class="box q_8 i_5" id="p_71"></div> <div class="box q_8 i_6" id="p_78"></div> <div class="box q_8 i_7" id="p_79"></div> <div class="box q_8 i_8" id="p_80"></div> </div> <!-- < / line 3 >--> </div> <div id="cursorBox"> <div id="cursor"></div> <div id="errorCell"></div> </div> <div id="counter_time"> <div class="cover">00 00</div> </div> <div id="showTips"></div> <div id="showCandidats"></div> <div id="begin"> <ul> <li id="c_easy"></li> <li id="c_normal"></li> <li id="c_hard"></li> </ul> </div> <div id="finish"></div> </div> </div> </body> </html>