Index

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="style.css">

</head>
<body>
<ul>
            <li class="active"><a href="index1.html">Strona Głowna</a></li>
            <li ><a href="http://gameplatform.pl/jaki-komputer-do-league-of-legends-wymagania-sprzetowe-lola/">Wymagania</a></li>
            <li ><a href="https://support.riotgames.com/hc/pl">Support</a></li>
            <li ><a href="https://eune.leagueoflegends.com/pl-pl/news/community/saying-farewell-to-boards/">Forum</a></li>
        </ul>

<img id="myImage" src="https://sm.ign.com/t/ign_pl/screenshot/default/lol_drp6.1280.jpg" width="35%">

<div class="tekst">
League of Legends jest to gra strategiczna typu MOBA (Multiplayer Online Battle Arena). Dwie drużyny składające się z 5 lub 3 różnych bohaterów stają naprzeciw siebie, zbierając złoto i doświadczenie, żeby potem wykorzystać swoją przewagę do zwycięstwa. Celem gry jest zniszczenie najważniejszego punktu w bazie przeciwnika - Nexusa. Można to osiągnąć, przebijając się przez kolejne fortyfikacje wroga lub poprzez wymuszenie poddania się. League of legends wyróżniają na tle konkurencji nieprzerwane aktualizacje, dzięki którym gra nigdy nie traci na świeżości. Oprócz tego w grze jest do wyboru ponad 140 bohaterów, a ich pula wciąż się rozszerza - czy to poprzez dodawanie nowych, czy odświeżanie starych. Każdy nowy gracz odnajdzie dla siebie wymarzonego herosa, z którym najbardziej zidentyfikuje swój styl gry.
    Najważniejsza informacja dotycząca tej gry jest ten fakt że gra jest zupełnie darmowa,jedynym środkiem zarobków deleroperów jest kupno inikalnych skórek do wybranej postaci którą graczę najchętniej użytkują.
</div> <br> <br>
    <center>  <button id="darkmode" onclick="myFunction()">DARK MODE</button>  </center> <br>
    <center><button id="changemode" onclick="changeImage()">Przykładowe postacie</button></center>

<script type="text/javascript">
    function myFunction() {
   var element = document.body;
   element.classList.toggle("dark-mode");
}
    var index = 0;
var imageList = ['https://sm.ign.com/t/ign_pl/screenshot/default/lol_drp6.1280.jpg','https://i.imgur.com/vEVSu6W.jpg', 'https://i.imgur.com/lmLXaja.jpg','https://i.imgur.com/BNSJyRy.jpg','https://i.imgur.com/rEMHfMx.jpg','https://i.imgur.com/b10DfqO.jpg','https://i.imgur.com/6GBs3VX.jpg','https://i.imgur.com/BYJzHGr.jpg'];

function changeImage() {
  index = index + 1;
  if (index == imageList.length) {
     index = 0;
  }
  var image1 = document.getElementById("myImage");
  image1.src = imageList[index];
}
    </script>
</body>
</html>