<html lang="tr">
<head>
<meta charset="UTF-8"></meta>
<meta content="width=device-width, initial-scale=1.0" name="viewport"></meta>
<title>Oyuncu Istatistikleri</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: auto;
margin: 0;
padding: 0;
color: auto;
}
#harita-listesi {
padding: 20px;
text-align: center;
}
.harita {
background-color: #555;
padding: 10px;
margin: 10px;
cursor: pointer;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #fff;
border-radius: 5px;
}
.harita-icerik {
background-color: auto;
padding: 20px;
margin: 20px;
border-radius: 8px;
box-shadow: 0 0 0px rgba(0, 0, 0, 0.1);
display: none;
}
table {
width: 100%;
margin-top: 10px;
background-color: auto;
}
th,
td {
padding: 10px;
border-bottom: 1px solid auto;
text-align: center;
}
th {
background-color: auto;
color: auto;
}
@media only screen and (max-width: 600px) {
.harita {
width: calc(100% - 20px);
}
.harita-icerik {
margin: 10px;
}
table {
width: 100%;
}
}
</style>
</head>
<body>
<header>
<h3> <center>1. G�n</center></h3>
</header>
<div id="harita-listesi">
<div class="harita" onclick="gosterIcerik('tum-haritalar')">T�m�</div>
<div class="harita" onclick="gosterIcerik('harita1')">1. Ma�</div>
<div class="harita" onclick="gosterIcerik('harita2')">2. Ma�</div>
<div class="harita" onclick="gosterIcerik('harita3')">3. Ma�</div>
<div class="harita" onclick="gosterIcerik('harita4')">4. Ma�</div>
<div class="harita" onclick="gosterIcerik('harita5')">5. Ma�</div>
<h3> 2. G�n </h3>
<div class="harita" onclick="gosterIcerik('harita6')">6. Ma�</div>
<div class="harita" onclick="gosterIcerik('harita7')">7. Ma�</div>
<div class="harita" onclick="gosterIcerik('harita8')">8. Ma�</div>
<div class="harita" onclick="gosterIcerik('harita9')">9. Ma�</div>
<div class="harita" onclick="gosterIcerik('harita10')">10. Ma�</div>
<h3> 3. G�n </h3>
<div class="harita" onclick="gosterIcerik('harita11')">11. Ma�</div>
<div class="harita" onclick="gosterIcerik('harita12')">12. Ma�</div>
<div class="harita" onclick="gosterIcerik('harita13')">13. Ma�</div>
<div class="harita" onclick="gosterIcerik('harita14')">14. Ma�</div>
<div class="harita" onclick="gosterIcerik('harita15')">15. Ma�</div>
</div>
<div class="harita-icerik" id="tum-haritalar-icerik">
<h2>T�m�</h2>
<table id="tum-haritalar-tablo">
<tr>
<th>Oyuncu Ismi</th>
<th>Total Kill</th>
</tr>
</table>
</div>
<div class="harita-icerik" id="harita1-icerik">
<h2>1. Ma� Istatistikleri</h2>
<table>
<tr>
<th>Oyuncu Ismi</th>
<th>�ld�rd�g� Oyuncu Sayisi</th>
</tr>
<tr>
<td>Ceo</td>
<td>0</td>
</tr>
<tr>
<td>Rayz</td>
<td>0</td>
</tr>
<tr>
<td>Calse</td>
<td>0</td>
</tr>
<tr>
<td>HamsiG</td>
<td>0</td>
</tr>
</table> </div>
<div class="harita-icerik" id="harita2-icerik">
<h2>2. Ma� Istatistikleri</h2>
<table>
<tr>
<th>Oyuncu Ismi</th>
<th>�ld�rd�g� Oyuncu Sayisi</th>
</tr>
<tr>
<td>Ceo</td>
<td>0</td>
</tr>
<tr>
<td>Rayz</td>
<td>0</td>
</tr>
<tr>
<td>Calse</td>
<td>0</td>
</tr>
<tr>
<td>HamsiG</td>
<td>0</td>
</tr>
</table> </div>
<div class="harita-icerik" id="harita3-icerik">
<h2> 3. Ma� Istatistikleri</h2>
<table>
<tr>
<th>Oyuncu Ismi</th>
<th>�ld�rd�g� Oyuncu Sayisi</th>
</tr>
<tr>
<td>Ceo</td>
<td>0</td>
</tr>
<tr>
<td>Rayz</td>
<td>0</td>
</tr>
<tr>
<td>Calse</td>
<td>0</td>
</tr>
<tr>
<td>HamsiG</td>
<td>0</td>
</tr>
</table> </div>
<div class="harita-icerik" id="harita4-icerik">
<h2>4. Ma� Istatistikleri</h2>
<table>
<tr>
<th>Oyuncu Ismi</th>
<th>�ld�rd�g� Oyuncu Sayisi</th>
</tr>
<tr>
<td>Ceo</td>
<td>0</td>
</tr>
<tr>
<td>Rayz</td>
<td>0</td>
</tr>
<tr>
<td>Calse</td>
<td>0</td>
</tr>
<tr>
<td>HamsiG</td>
<td>0</td>
</tr>
</table> </div>
<div class="harita-icerik" id="harita5-icerik">
<h2>5. Ma� Istatistikleri</h2>
<table>
<tr>
<th>Oyuncu Ismi</th>
<th>�ld�rd�g� Oyuncu Sayisi</th>
</tr>
<tr>
<td>Ceo</td>
<td>0</td>
</tr>
<tr>
<td>Rayz</td>
<td>0</td>
</tr>
<tr>
<td>Calse</td>
<td>0</td>
</tr>
<tr>
<td>HamsiG</td>
<td>0</td>
</tr>
</table> </div>
<div class="harita-icerik" id="harita6-icerik">
<h2>6. Ma� Istatistikleri</h2>
<table>
<tr>
<th>Oyuncu Ismi</th>
<th>�ld�rd�g� Oyuncu Sayisi</th>
</tr>
<tr>
<td>Ceo</td>
<td>0</td>
</tr>
<tr>
<td>Rayz</td>
<td>0</td>
</tr>
<tr>
<td>Calse</td>
<td>0</td>
</tr>
<tr>
<td>HamsiG</td>
<td>0</td>
</tr>
</table> </div>
<div class="harita-icerik" id="harita8-icerik">
<h2>8. Ma� Istatistikleri</h2>
<table>
<tr>
<th>Oyuncu Ismi</th>
<th>�ld�rd�g� Oyuncu Sayisi</th>
</tr>
<tr>
<td>Ceo</td>
<td>0</td>
</tr>
<tr>
<td>Rayz</td>
<td>0</td>
</tr>
<tr>
<td>Calse</td>
<td>0</td>
</tr>
<tr>
<td>HamsiG</td>
<td>0</td>
</tr>
</table> </div>
<div class="harita-icerik" id="harita9-icerik">
<h2>9. Ma� Istatistikleri</h2>
<table>
<tr>
<th>Oyuncu Ismi</th>
<th>�ld�rd�g� Oyuncu Sayisi</th>
</tr>
<tr>
<td>Ceo</td>
<td>0</td>
</tr>
<tr>
<td>Rayz</td>
<td>0</td>
</tr>
<tr>
<td>Calse</td>
<td>0</td>
</tr>
<tr>
<td>HamsiG</td>
<td>0</td>
</tr>
</table> </div>
<div class="harita-icerik" id="harita10-icerik">
<h2>10. Ma� Istatistikleri</h2>
<table>
<tr>
<th>Oyuncu Ismi</th>
<th>�ld�rd�g� Oyuncu Sayisi</th>
</tr>
<tr>
<td>Ceo</td>
<td>0</td>
</tr>
<tr>
<td>Rayz</td>
<td>0</td>
</tr>
<tr>
<td>Calse</td>
<td>0</td>
</tr>
<tr>
<td>HamsiG</td>
<td>0</td>
</tr>
</table> </div>
<div class="harita-icerik" id="harita11-icerik">
<h2> 11. Ma� Istatistikleri</h2>
<table>
<tr>
<th>Oyuncu Ismi</th>
<th>�ld�rd�g� Oyuncu Sayisi</th>
</tr>
<tr>
<td>Ceo</td>
<td>0</td>
</tr>
<tr>
<td>Rayz</td>
<td>0</td>
</tr>
<tr>
<td>Calse</td>
<td>0</td>
</tr>
<tr>
<td>HamsiG</td>
<td>0</td>
</tr>
</table> </div>
<div class="harita-icerik" id="harita12-icerik">
<h2>12. Ma� Istatistikleri</h2>
<table>
<tr>
<th>Oyuncu Ismi</th>
<th>�ld�rd�g� Oyuncu Sayisi</th>
</tr>
<tr>
<td>Ceo</td>
<td>0</td>
</tr>
<tr>
<td>Rayz</td>
<td>0</td>
</tr>
<tr>
<td>Calse</td>
<td>0</td>
</tr>
<tr>
<td>HamsiG</td>
<td>0</td>
</tr>
</table> </div>
<div class="harita-icerik" id="harita13-icerik">
<h2>13. Ma� Istatistikleri</h2>
<table>
<tr>
<th>Oyuncu Ismi</th>
<th>�ld�rd�g� Oyuncu Sayisi</th>
</tr>
<tr>
<td>Ceo</td>
<td>0</td>
</tr>
<tr>
<td>Rayz</td>
<td>0</td>
</tr>
<tr>
<td>Calse</td>
<td>0</td>
</tr>
<tr>
<td>HamsiG</td>
<td>0</td>
</tr>
</table> </div>
<div class="harita-icerik" id="harita14-icerik">
<h2>14. Ma� Istatistikleri</h2>
<table>
<tr>
<th>Oyuncu Ismi</th>
<th>�ld�rd�g� Oyuncu Sayisi</th>
</tr>
<tr>
<td>Ceo</td>
<td>0</td>
</tr>
<tr>
<td>Rayz</td>
<td>0</td>
</tr>
<tr>
<td>Calse</td>
<td>0</td>
</tr>
<tr>
<td>HamsiG</td>
<td>0</td>
</tr>
</table> </div>
<div class="harita-icerik" id="harita15-icerik">
<h2>15. Ma� Istatistikleri</h2>
<table>
<tr>
<th>Oyuncu Ismi</th>
<th>�ld�rd�g� Oyuncu Sayisi</th>
</tr>
<tr>
<td>Ceo</td>
<td>0</td>
</tr>
<tr>
<td>Rayz</td>
<td>0</td>
</tr>
<tr>
<td>Calse</td>
<td>0</td>
</tr>
<tr>
<td>HamsiG</td>
<td>0</td>
</tr>
</table> </div>
<script>
function gosterIcerik(haritaID) {
// T�m harita i�eriklerini gizle
var haritaIcerikleri = [Link]('.harita-icerik');
[Link](function (icerik) {
[Link] = 'none';
});
// Se�ilen haritanin i�erigini g�ster
var secilenIcerik = [Link](haritaID + '-icerik');
[Link] = 'block';
if (haritaID === 'tum-haritalar') {
// T�m haritalardaki oyuncu istatistiklerini topla ve g�ster
toplamOyuncuIstatistikleri();
}
}
function toplamOyuncuIstatistikleri() {
var tumHaritalarTablo = [Link]('tum-haritalar-tablo');
// �nceki tabloyu sifirla
[Link] = '<tr><th>Oyuncu Ismi</th><th>Total
Kill</th></tr>';
// Her harita tablosundan oyuncu isimlerini ve �ld�rme sayilarini topla
var haritaIcerikleri = [Link]('.harita-icerik
table');
var oyuncuIstatistikleri = {};
[Link](function (haritaTablosu) {
var satirlar = [Link]('tr');
for (var i = 1; i < [Link]; i++) {
var oyuncuIsmi = satirlar[i].querySelector('td:first-
child').[Link]();
var oldurmeSayisi = parseInt(satirlar[i].querySelector('td:nth-
child(2)').innerText);
if (!oyuncuIstatistikleri[oyuncuIsmi]) {
oyuncuIstatistikleri[oyuncuIsmi] = 0;
}
oyuncuIstatistikleri[oyuncuIsmi] += oldurmeSayisi;
}
});
// Toplam oyuncu istatistiklerini tabloya ekle
for (var oyuncu in oyuncuIstatistikleri) {
var satir = '<tr><td>' + oyuncu + '</td><td>' +
oyuncuIstatistikleri[oyuncu] + '</td></tr>';
[Link] += satir;
}
}
</script>
</body>
</html>