九宮格小游戲

<!DOCTYPE HTML>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>
    <style>
      li{
        list-style-type:none;
      }
      div{
        vertical-align:middle;   
        text-align:center;
        width:50px;
        height:30px;
        display:inline-block;
        margin:6px;
        border:solid 3px #ccc;
      }
    </style>
</head>
<html>
<body>
<ul>
    <li>
        <div  contenteditable="true" id="1"></div>
        <div  contenteditable="true" id="2"></div>
        <div  contenteditable="true" id="3"></div>
    </li>
    <li>
        <div  contenteditable="true" id="4"></div>
        <div  contenteditable="true" id="5"></div>
        <div  contenteditable="true" id="6"></div>
    </li>
    <li>
        <div  contenteditable="true" id="7"></div>
        <div  contenteditable="true" id="8"></div>
        <div  contenteditable="true" id="9"></div>
    </li>
</ul>

 <h1>游戲開始!</h1>
 <p>請輸入數(shù)字使每行每列都相等</p>
<script type="text/javascript">
   function init(num){
     var num=Math.round(Math.random()*num);
     function init_num(){
        var child=Math.round(Math.random()*9); 
        var num=Math.round(Math.random()*10);   
            $("ul").find("div").eq(child-1).css("background-color","#999").attr("contenteditable","false").html(num);
         }
         num<2?num=2:num;
         for(i=0;i<num;i++){
            init_num();
         }
       }
   function success(){
    alert("成功!");
    window.location.reload();
   }
   function main(){
      var equation1=parseInt($("#1").html())+parseInt($("#2").html())+parseInt($("#3").html());
      var equation2=parseInt($("#4").html())+parseInt($("#5").html())+parseInt($("#6").html());
      var equation3=parseInt($("#7").html())+parseInt($("#8").html())+parseInt($("#9").html());
      var equation4=parseInt($("#1").html())+parseInt($("#4").html())+parseInt($("#7").html());
      var equation5=parseInt($("#2").html())+parseInt($("#5").html())+parseInt($("#8").html());
      var equation6=parseInt($("#3").html())+parseInt($("#6").html())+parseInt($("#9").html());
      var equation=[equation1,equation2,equation3,equation4,equation5,equation6];
      $("h1").html("row1:"+equation1+"\nrow2:"+equation2+"\nrow3:"+equation3+"\ncol1:"+equation4+"\ncol2:"+equation5+"\ncol3:"+equation6);
      console.log("row1:"+equation1+"\nrow2:"+equation2+"\nrow3:"+equation3+"\ncol1:"+equation4+"\ncol2:"+equation5+"\ncol3:"+equation6);
      var flag=true;
     for(i=0;i<6;i++){
        for(j=i;j<6;j++){
            if(equation[j]!==equation[i]){
                flag=false;
            }
        }
     }
     console.log(flag);
     if(flag==true){
        success();
     }
   }
   $(document).ready(function(){
        init(3);
        $("ul").find("div").bind('DOMSubtreeModified',function(){
            main();
        });
   })
</script>
<script>
function openPackage(percent1,percent2,percent3,package){
    var percent1=percent1;
    var percent2=percent2;
    var percent3=percent3;
    var sum=0;
    var lengendary=0;
    var historical=0;
    var rare=0;
    var flag=false;
        function random(percent1,percent2,percent3,flag,final_package){
         num1=Math.random()*(100-percent1);
         num2=Math.random()*(100-percent2);
         num3=Math.random()*(100-percent3);
         //console.log(num);
         if(num1<percent1){
            console.log("woo!lengendary!");
            sum+=400;
            lengendary++;
         }else if(num2<percent2){
            console.log("historical!");
            sum+=100;
            historical++;
         }
         else if(num3<percent3&&flag==false){
            console.log("rare!");
            sum+=20;
            rare++;
         }
         else{
            sum+=5;
         }
         if(flag==true){
            console.log("rare!");
            sum+=20;
            rare++;
         }
         if(final_package==true){
            console.log(sum+" dust\n"+lengendary+" lengendary\n"+historical+" historical\n"+rare+" rare\n");
         }

    }
    var cards=5*package;
    for(i=0;i<cards;i++){
        
        var final_package=false;
        if(i%5==0){
            flag=true;
        }else{
            flag=false;
        }
        if(i==cards-1){
            final_package=true;
        }
        random(percent1,percent2,percent3,flag,final_package);
    }
}
openPackage(1,5,20,5);
</script>
</body>
</html>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 人面猴
    序言：七十年代末，一起剝皮案震驚了整個(gè)濱河市墓卦，隨后出現(xiàn)的幾起案子，更是在濱河造成了極大的恐慌，老刑警劉巖，帶你破解...
    沈念sama閱讀 212,383評論 6贊 493
  • 死咒
    序言：濱河連續(xù)發(fā)生了三起死亡事件母截，死亡現(xiàn)場離奇詭異腕唧，居然都是意外死亡，警方通過查閱死者的電腦和手機(jī)笆檀，發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,522評論 3贊 385
  • 救了他兩次的神仙讓他今天三更去死
    文/潘曉璐 我一進(jìn)店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來盒至，“玉大人酗洒，你說我怎么就攤上這事〖纤欤” “怎么了樱衷？”我有些...
    開封第一講書人閱讀 157,852評論 0贊 348
  • 道士緝兇錄：失蹤的賣姜人
    文/不壞的土叔 我叫張陵，是天一觀的道長酒唉。 經(jīng)常有香客問我矩桂，道長，這世上最難降的妖魔是什么黔州？ 我笑而不...
    開封第一講書人閱讀 56,621評論 1贊 284
  • ?港島之戀（遺憾婚禮）
    正文 為了忘掉前任耍鬓，我火速辦了婚禮，結(jié)果婚禮上流妻，老公的妹妹穿的比我還像新娘牲蜀。我一直安慰自己，他們只是感情好绅这，可當(dāng)我...
    茶點(diǎn)故事閱讀 65,741評論 6贊 386
  • 惡毒庶女頂嫁案：這布局不是一般人想出來的
    文/花漫 我一把揭開白布涣达。 她就那樣靜靜地躺著，像睡著了一般。 火紅的嫁衣襯著肌膚如雪度苔。 梳的紋絲不亂的頭發(fā)上匆篓，一...
    開封第一講書人閱讀 49,929評論 1贊 290
  • 城市分裂傳說
    那天，我揣著相機(jī)與錄音寇窑，去河邊找鬼鸦概。 笑死，一個(gè)胖子當(dāng)著我的面吹牛甩骏，可吹牛的內(nèi)容都是我干的窗市。 我是一名探鬼主播，決...
    沈念sama閱讀 39,076評論 3贊 410
  • 雙鴛鴦連環(huán)套：你想象不到人心有多黑
    文/蒼蘭香墨 我猛地睜開眼饮笛，長吁一口氣：“原來是場噩夢啊……” “哼咨察！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起福青，我...
    開封第一講書人閱讀 37,803評論 0贊 268
  • 萬榮殺人案實(shí)錄
    序言：老撾萬榮一對情侶失蹤摄狱，失蹤者是張志新（化名）和其女友劉穎，沒想到半個(gè)月后无午，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體媒役，經(jīng)...
    沈念sama閱讀 44,265評論 1贊 303
  • ?護(hù)林員之死
    正文 獨(dú)居荒郊野嶺守林人離奇死亡，尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,582評論 2贊 327
  • ?白月光啟示錄
    正文 我和宋清朗相戀三年指厌，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了刊愚。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,716評論 1贊 341
  • 活死人
    序言：一個(gè)原本活蹦亂跳的男人離奇死亡踩验，死狀恐怖，靈堂內(nèi)的尸體忽然破棺而出商玫，到底是詐尸還是另有隱情箕憾，我是刑警寧澤，帶...
    沈念sama閱讀 34,395評論 4贊 333
  • ?日本核電站爆炸內(nèi)幕
    正文 年R本政府宣布拳昌，位于F島的核電站袭异，受9級特大地震影響，放射性物質(zhì)發(fā)生泄漏炬藤。R本人自食惡果不足惜御铃，卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,039評論 3贊 316
  • 男人毒藥：我在死后第九天來索命
    文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望沈矿。 院中可真熱鬧上真，春花似錦、人聲如沸羹膳。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,798評論 0贊 21
  • 一樁弒父案，背后竟有這般陰謀
    文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至就珠，卻和暖如春寇壳，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背妻怎。 一陣腳步聲響...
    開封第一講書人閱讀 32,027評論 1贊 266
  • 情欲美人皮
    我被黑心中介騙來泰國打工壳炎， 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留，地道東北人逼侦。 一個(gè)月前我還...
    沈念sama閱讀 46,488評論 2贊 361
  • 代替公主和親
    正文 我出身青樓匿辩，卻偏偏與公主長得像，于是被迫代替她去往敵國和親偿洁。 傳聞我的和親對象是個(gè)殘疾皇子撒汉，可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,612評論 2贊 350

推薦閱讀更多精彩內(nèi)容