Created
August 28, 2018 11:07
-
-
Save fatihbahceci/e344e07e7812f76da3888901530d634e to your computer and use it in GitHub Desktop.
JavaScript - Hafıza Oyunu (Memory Game)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <html> | |
| <head> | |
| <!--<meta charset="utf-8">--> | |
| <title>Hafıza Oyunu</title> | |
| <script src="game.js"></script> | |
| </head> | |
| <body> | |
| <h1>JavaScript Hafıza Oyunu</h1> | |
| <p>Diğer arkadaşlarıma da faydalı olması dileğiyle</p> | |
| <label>Satır Sayısı</label> | |
| <input type="number" id="buyukluk" /> | |
| <button type="button" onclick="hazirla(document.getElementById('buyukluk').value);">Hazırla</button> | |
| </body> | |
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| //Global | |
| var hafiza; | |
| var BTNPREFIX = 'btn'; | |
| var secim = -1; | |
| function cevir(idx) { | |
| idx = parseInt(idx); | |
| console.log(idx); | |
| if (secim < 0) { | |
| var btn = document.getElementById(BTNPREFIX + idx); | |
| secim = idx; | |
| btn.innerText = hafiza[idx]; | |
| } else { | |
| btn = document.getElementById(BTNPREFIX + secim); | |
| var btn2 = document.getElementById(BTNPREFIX + idx); | |
| btn2.innerText = hafiza[idx]; | |
| //Eðer seçim tamam ise | |
| if (hafiza[idx] == hafiza[secim]) { | |
| console.log("Oley!"); | |
| btn.parentElement.removeChild(btn); | |
| btn2.parentElement.removeChild(btn2); | |
| } else { | |
| //Deðilse gecikmeli sýfýrla | |
| setTimeout(function () { | |
| btn.innerText = "X"; | |
| btn2.innerText = "X"; | |
| }, 1111) | |
| } | |
| secim = -1; | |
| } | |
| } | |
| function karistir(array) { | |
| var c = array.length, t, r; | |
| // Sondan baþa doðru say | |
| while (0 !== c) { | |
| // c den küçük rastgele bir index seç | |
| r = Math.floor(Math.random() * c); | |
| c -= 1; | |
| // index ile yerlerini deðiþtir | |
| t = array[c]; | |
| array[c] = array[r]; | |
| array[r] = t; | |
| } | |
| return array; | |
| } | |
| function rastgeleDiziOlustur(buyukluk) { | |
| buyukluk = parseInt(buyukluk); | |
| var len = (buyukluk * (buyukluk + 1)); | |
| console.log(buyukluk); | |
| console.log(len); | |
| hafiza = new Array(len); | |
| for (var i = 0; i < len / 2; i++) { | |
| hafiza[i] = i; | |
| hafiza[(len / 2) + i] = i; | |
| } | |
| console.log(hafiza); | |
| hafiza = karistir(hafiza); | |
| console.log(hafiza); | |
| } | |
| function hazirla(buyukluk) { | |
| buyukluk = parseInt(buyukluk); | |
| //document.clear(); | |
| document.body.innerHTML = ''; | |
| rastgeleDiziOlustur(buyukluk); | |
| var body = document.getElementsByTagName('body')[0]; | |
| var tbl = document.createElement('table'); | |
| //tbl.style.width = '100%'; | |
| tbl.setAttribute('border', '1'); | |
| var tbdy = document.createElement('tbody'); | |
| var xc = buyukluk; | |
| var yc = buyukluk + 1; // Tek x Çift = çift | |
| var p = 0; | |
| for (var x = 0; x < xc ; x++) { | |
| var tr = document.createElement('tr'); | |
| for (var y = 0; y < yc ; y++) { | |
| var td = document.createElement('td'); | |
| td.appendChild(document.createTextNode('\u0020')) | |
| td.innerHTML = '<button type="button" id="' + BTNPREFIX + p + '" onclick="cevir(' + p + ');">X</button>' | |
| tr.appendChild(td); | |
| p++; | |
| } | |
| tbdy.appendChild(tr); | |
| } | |
| tbl.appendChild(tbdy); | |
| body.appendChild(tbl) | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment