3 užduotis

Atsiskaityti privalote iki paskutinės praktinės paskaitos.

Užduoties sąlyga. Praplėsti 1 užduoties funkcionalumą (atnaujinimas v1.2) ir papildyti šiomis funkcijomis:

Reitingo sistema:
- sugalvoti formulę pagal, kurią paskaičiuoti žaidėjo reitingą, kad galėtumėte sudaryti top 100 geriausių žaidėjų sąrašą;
- kriterijai pagal, kuriuos galite sudaryti formulę: pasiekimų taškai, progresas arba surinktas patirties taškų kiekis, maksimalus pasiektas lygis, nugalėtų priešų skaičius ir pan.
Žaidėjų top’o eksportas į html:
- konsolėje turi būti punktas leidžiantis pasirinkti filtrą pagal, kurį bus sudaromas top 100;
- pasirinkūs tinkamą filtrą top 100 eksportuoti į output.html failą;
- duomenims atvaizduoti naršyklėje output.html dokumentui uždėti stilių. Plačiau apie html formatą ir css stilių rasite šiuo adresu: https://www.w3schools.com/.

Pavyzdys. Html dokumentas su uždėtu stiliumi.

“ZOMBIE WARS TOP 100” template output HTML + CSS format:

Top 100 lentele

  
  <!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>

1-oji programavimo praktika

BENDRA INFORMACIJA

3 užduotis