Atsiskaityti privalote iki paskutinės praktinės paskaitos.
Praplėsti pirmoje užduotyje atlikto žaidimo funkcionalumą:
- Sugalvoti žaidimo top 100 lyderių lentelę. Žaidėjai, kurie žaidžia ir turi surinkę tam tikrą kiekį: achievment points, surinkę tam tikrą kiekį experience, kovoje įveikė tam tikrą kiekį priešų, aukščiausias pasiektas lygis (angl. level) ir pan.
- Top 100 lyderių lentelė turi būti išvesta į HTML formato dokumentą score.html, kurioje būtų pateikta informacija apie žaidėjų pasiekimus ir jų dabartinė pozija.
- Lentelė su top 100 privalo būti atvaizduota HTML formatu su uždėtu CSS stiliumi pvz: Plačiau apie HTML ir CSS rasite čia: https://www.w3schools.com/html/.
Lentelės “ZOMBIE WARS TOP 100” šablonas aprašytas HTML + CSS formatu:
<!DOCTYPE html>
<html>
<head>
<style>
html{
background: url('https://image.ibb.co/cH625y/fonas.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
}
td, th {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
font-size: 30px;
font-weight: bold;
}
tr:nth-child(even) {
background-color: #dddddd;
opacity: 0.6;
}
tr:nth-child(odd) {
background-color: red;
opacity: 0.6;
}
</style>
</head>
<body>
<h1 align="center" style="color:white">ZOMBIE WARS TOP 100 SCOREBOARD</h2>
<table style="width:600px" align="center">
<tr>
<th>Player Name</th>
<th>Experience points</th>
<th>Zombies killed</th>
<th>Achievments points</th>
<th>Total Score</th>
</tr>
<tr>
<td>Fredy Kruger</td>
<td>12350</td>
<td>10</td>
<td>150</td>
<td>90</td>
</tr>
<tr>
<td>Vampire X</td>
<td>9350</td>
<td>7</td>
<td>100</td>
<td>70</td>
</tr>
<tr>
<td>Batman</td>
<td>7400</td>
<td>8</td>
<td>90</td>
<td>60</td>
</tr>
<tr>
<td>Fake Policeman</td>
<td>12350</td>
<td>2</td>
<td>78</td>
<td>59</td>
</tr>
<tr>
<td>Zombie</td>
<td>4000</td>
<td>1</td>
<td>20</td>
<td>8</td>
</tr>
<td>Fresh Butcher</td>
<td>3200</td>
<td>1</td>
<td>10</td>
<td>7</td>
</tr>
<td>Op Man</td>
<td>1800</td>
<td>1</td>
<td>7</td>
<td>5</td>
</tr>
</table>
</body>
</html>