mayın tarlası (2011 falan)

jstarla.js

	$(function() {

/* 
  
  ½½½½½½½½½½½½½½½½½½½½½½½½½½%%
  ½ jsTarla.js               %
  ½½½½½½½½½½½½½½½½½½½½½½½½½½%%
  %                          %
  ½  Rıza Sabuncu            %
  ½  github.com/rizasabuncu  %
  ½  rizasabuncu.com         %
  %                          %

  ½½½½½½½½½½½½½½½½½½½½½½½½½½%%
  ½ Kurulum                  %
  ½½½½½½½½½½½½½½½½½½½½½½½½½½%%
	
  <meta charset="utf-8" />
  <script src="jquery.js"></script>
  <script src="jsTarla.js"></script>

  HTML dökümanı içine jQuery kütüphanesini ve jsTarla.js i
  gömdüğünüzde otomatik olarak calısır.

  Türkçe karakter sorunu için charset="UTF-8"
 
  %%%%%%%%%%%%%%%%%%%%%%%%%%%%%

  */
  		// Ayarlar

  		var mayinsayisi,kutusayisi,mayinuret;

  		mayinsayisi = 10;
  		kutusayisi = 100;

		mayinuret = kutusayisi-mayinsayisi;

  		// Elementleri yarat

  	var kafameta = $("html head");
  	var kafa = $("html");
  	var govde = $("html body");
  	var olustur = '<input type="checkbox" />';
  	var createCount = '<div class="clickCount">Mayın Sayısı : <span data="mayin"></span><br>Tıklama Sayısı : <span data="clickcount">0</span></div>';
  	var baslik = "<title>jquery javascript kütüphanesi ile mayın tarlası yapalım v1.0b rıza sabuncu xd</title>";
  	var meta = '<meta charset="utf-8" />';
  	govde.append("<center>");
		var orta = $("body center");
	  var ana = '<div class="bar"></div>';
	 	var sonuc = '<div class="yandinbro"></div><button type="submit" style="display:none"> yenden başla </button>';
	 	orta.append("<div class='sticky'>")
		var sitiki = $(".sticky");
		sitiki.append(ana);
  	var dizin = $(".sticky .bar");
  	dizin.append(sonuc);
  	kafameta.append(meta);
  	kafameta.append(baslik);
  	dizin.append(createCount);



  		for (var i = 1 ; i <= kutusayisi; i++) {
  		
  			dizin.append(olustur);

			};


		// CSS Özellikleri

  		$(".sticky").css("margin-top","0px");
  		$(".yandinbro").css("font-size","50px","font-family","verdana");
  		$(".bar").css("width","40%");

  		// Event Base

	 	var tikla = 0;
	 		 $(".clickCount span[data=mayin]").html(mayinsayisi);
 				
 				
 				console.log(random);
 				console.log("Hileci seni : " + random);// hangisine verilecek acaba? 
						for (var i = 0; i <= mayinsayisi; i++) {
				var random = Math.floor((Math.random()*kutusayisi)+1);

 					 	var comeonbro = "input[type='checkbox']:nth-child("+ random +")";// şanslı checkbox'ı seç
 					 	$(comeonbro).attr("data-bu","evet"); // data seçicisini evetle!

						};
 					 	$(".sticky .bar input").click(function(){  // şimdi başlayalım , tıklamaya :)
 					 		tikla++;
 					 		$(".clickCount span[data=clickcount]").html(tikla);
 					 		$(this).attr("disabled","on"); 			// döneklik olmasın tıklananı disable edelim
 					 	var datacek = $(this).data("bu");		// ve tıklananın datasını çekelim
 					 	console.log(tikla);
 					 		if (tikla == kutusayisi-mayinsayisi) {
 					 			$(".yandinbro").html("Kazandın karşim ver elini öpim");		 //kazanma mekanizması :D
 					 			$("button").show();
 					 		}
 					 	if (datacek == "evet"){			// eğer tıklanan datası evet ise
						for (var i = 1;i <= kutusayisi+10; i++) {			// efektif görünmesi için hepsini checked yapalım
 					var comeon = "input:nth-child("+ i +")";
					$(comeon).addClass("normal");
					$(comeon).attr("checked","on");
					$(comeon).attr("disabled","on");
 					};
 					 	$(".yandinbro").html("yandın canısı");		// ve yandın diyelim :)
							$("button").show();
 					 			} 
 					 				$("button").click(function(){
 					 						location.reload();
 					 				});
 					 			});

 		});