www.webdeveloper.com
Results 1 to 15 of 32

Thread: Sudoku Game Help

Threaded View

  1. #29
    Join Date
    Sep 2007
    Posts
    315
    Code:
      
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
    <meta http-equiv="content-language" content="tr" >
    <style type="text/css">
    table input {width:40px; height:40px;text-align:center; font-size:16px; font-weight:bold;}
    .sag { border-right:thick double #dedede;} /* http://www.w3schools.com/cssref/pr_border-right.asp  */
    .uc {  border-right:thick double #babada;  border-bottom:thick double #bacada;}
    .alt {  border-bottom:thick double #babaca;}
    .arkarenk { background-color: #ceb; }
    .arkarenk2 { background-color: #aff; }
    .arkarenk3 { background-color: #defaad; }
    .arkarenk4 { background-color: #ade; }
    .arkarenk5 { background-color: #cafcaf; }
    .arkarenk6 { background-color: #abd; }
    .arkarenk7 { background-color: #afa; }
    .arkarenk8 { background-color: #bed; }
    .arkarenk9 { background-color: #ada; }
    .yeni {font-size:24px;background-color: #ebcede; color:#def;}
    .kolay {font-family:"Times New Roman", Times, serif; 
    font-size:24px;
    text-align:center; color:#bab;border:4px solid #fab;
    width:400px; height:50px; background-color:#ced; }
    
    </style>
    
    <script type="text/javascript">
    // http://www.webdeveloper.com/forum/showthread.php?275573-Sudoku-Game-Help/page2
    
    var A;
    function sudokuYap () {
    
    // var n= [1,2,3,4,5,6,7,8,9];
    // n dizisindeki elemanları rastgele diziyorum.
    var n= [1,2,3,4,5,6,7,8,9].sort( function() { return 0.5 - Math.random() } );
    
    // A dizisi içine n dizisinin elemanlarını hangi sırayla yerletireceğimi belirliyorum.
    A=  [n[0],n[1],n[2],n[3],n[4],n[5],n[6],n[7],n[8],n[3],n[4],n[5],n[6],n[7],n[8],n[0],n[1],n[2],n[6],n[7],n[8],n[0],n[1],n[2],n[3],n[4],n[5],n[1],n[2],n[0],n[4],n[5],n[3],n[7],n[8],n[6],n[4],n[5],n[3],n[7],n[8],n[6],n[1],n[2],n[0],n[7],n[8],n[6],n[1],n[2],n[0],n[4],n[5],n[3],n[2],n[0],n[1],n[5],n[3],n[4],n[8],n[6],n[7],n[5],n[3],n[4],n[8],n[6],n[7],n[2],n[0],n[1],n[8],n[6],n[7],n[2],n[0],n[1],n[5],n[3],n[4]];
    
    // rastgele belirlenecek 30 inputa, değer atayayım.
    var el;
       for(var p=0; p<30; p++) {
       r= Math.floor(Math.random()*81);
       el= document.getElementById("s" + (r+1) ); 
       el.value = A[r]; 
       el.style.color="blue";
       }
    
    }
    
    // Tablodaki açılmamış 5 tane inputun değerini göstereyim.
    function ipucu() {
    var r;
    var say=0;
    var el;
       for(var k=0; k<81; k++) {
       r= Math.floor(Math.random()*81);
        el= document.getElementById("s" + (r+1)); 
        if(el.value=='') { el.value = A[r];  el.style.color="coral"; say++; }
        if(say == 5 ) { break; }  
       }
    
    }
    
    
    // Tablodaki tüm input elemanlarının değerini temizleyip yeni sudoku yapılması için fonksiyonu çağırayım.
    function temizle() {
    
    var el, k;
       for( k=0; k<81; k++) {
       
        el= document.getElementById("s" + (k+1)); 
        el.value = '';  
        el.style.color="black";
       }
    
    sudokuYap();
    }
    
    </script>
    
    </head>
    <body>
    
    <table align="center"> 
    <tr>
    <td class="sag arkarenk">
    <input type="text" id="s1">
    <input type="text" id="s2">
    <input type="text" id="s3">
    </td><td class="sag arkarenk2">
    <input type="text" id="s4">
    <input type="text" id="s5">
    <input type="text" id="s6">
    </td><td class="arkarenk3">
    <input type="text" id="s7">
    <input type="text" id="s8">
    <input type="text" id="s9">
    </td></tr>
    <tr>
    <td class="sag arkarenk">
    <input type="text" id="s10">
    <input type="text" id="s11">
    <input type="text" id="s12">
    </td><td class="sag arkarenk2">
    <input type="text" id="s13">
    <input type="text" id="s14">
    <input type="text" id="s15">
    </td><td class="arkarenk3">
    <input type="text" id="s16">
    <input type="text" id="s17">
    <input type="text" id="s18">
    </td></tr>
    <tr>
    <td class="uc arkarenk">
    <input type="text" id="s19">
    <input type="text" id="s20">
    <input type="text" id="s21">
    </td><td class="uc arkarenk2">
    <input type="text" id="s22">
    <input type="text" id="s23">
    <input type="text" id="s24">
    </td><td class="alt arkarenk3">
    <input type="text" id="s25">
    <input type="text" id="s26">
    <input type="text" id="s27">
    </td></tr>
    <tr>
    <td class="sag arkarenk4">
    <input type="text" id="s28">
    <input type="text" id="s29">
    <input type="text" id="s30">
    </td><td class="sag arkarenk5">
    <input type="text" id="s31">
    <input type="text" id="s32">
    <input type="text" id="s33">
    </td><td class="arkarenk6">
    <input type="text" id="s34">
    <input type="text" id="s35">
    <input type="text" id="s36">
    </td></tr>
    <tr>
    <td class="sag arkarenk4">
    <input type="text" id="s37">
    <input type="text" id="s38">
    <input type="text" id="s39">
    </td><td class="sag arkarenk5">
    <input type="text" id="s40">
    <input type="text" id="s41">
    <input type="text" id="s42">
    </td><td class="arkarenk6">
    <input type="text" id="s43">
    <input type="text" id="s44">
    <input type="text" id="s45">
    </td></tr>
    <tr>
    <td class="uc arkarenk4">
    <input type="text" id="s46">
    <input type="text" id="s47">
    <input type="text" id="s48">
    </td><td class="uc arkarenk5">
    <input type="text" id="s49">
    <input type="text" id="s50">
    <input type="text" id="s51">
    </td><td class="alt arkarenk6">
    <input type="text" id="s52">
    <input type="text" id="s53">
    <input type="text" id="s54">
    </td></tr>
    <tr>
    <td class="sag arkarenk7">
    <input type="text" id="s55">
    <input type="text" id="s56">
    <input type="text" id="s57">
    </td><td class="sag arkarenk8">
    <input type="text" id="s58">
    <input type="text" id="s59">
    <input type="text" id="s60">
    </td><td class="arkarenk9">
    <input type="text" id="s61">
    <input type="text" id="s62">
    <input type="text" id="s63">
    </td></tr>
    <tr>
    <td class="sag arkarenk7">
    <input type="text" id="s64">
    <input type="text" id="s65">
    <input type="text" id="s66">
    </td><td class="sag arkarenk8">
    <input type="text" id="s67">
    <input type="text" id="s68">
    <input type="text" id="s69">
    </td><td class="arkarenk9">
    <input type="text" id="s70">
    <input type="text" id="s71">
    <input type="text" id="s72">
    </td></tr>
    <tr>
    <td class="sag arkarenk7">
    <input type="text" id="s73">
    <input type="text" id="s74">
    <input type="text" id="s75">
    </td><td class="sag arkarenk8">
    <input type="text" id="s76">
    <input type="text" id="s77">
    <input type="text" id="s78">
    </td><td class="arkarenk9">
    <input type="text" id="s79">
    <input type="text" id="s80">
    <input type="text" id="s81">
    </td></tr>
    </table>
    <br>
    <div align="center">
    <input type="button" value="yeni sudoku" onclick="temizle()" class="yeni"><br><br>
    
    <input type="button" value="Her zorlukla birlikte bir kolaylık vardır." onclick="ipucu()" class="kolay" >
    <br><br><br>
    Sudokuyu çözerken yardıma ihtiyacın olursa "Her zorlukla birlikte bir kolaylık vardır" butonuna tıklayarak yardım alabilirsin!
    </div>
    <script type="text/javascript">
    
    sudokuYap();
    
    </script>
    
    </body>
    </html>
    Last edited by Ayşe; 04-14-2013 at 05:10 PM.
    Bismillahirrahmanirrahîm
    Hamd, Âlemlerin Rabbi, Rahmân, Rahîm, hesap ve ceza gününün (ahiret gününün) maliki Allah'a mahsustur. (Allahım!) Yalnız sana ibadet ederiz ve yalnız senden yardım dileriz. Bizi doğru yola, kendilerine nimet verdiklerinin yoluna ilet; gazaba uğrayanların ve sapıklarınkine değil.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles