index

<!DOCTYPE html>
<html lang="pl">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Samochody</title>
    <link rel="stylesheet" href="style.css">
    </head>
  <body class="background">
    <h1 id="header">Samochody</h1>
    <div id="photos">

    <img
      class="foto1"
      src="https://i.iplsc.com/bmw-m4-cs/0006IYGWJ53YOGB6-C122-F4.jpg"
      alt="auto"
    />
    <img
      class="foto2"
      src="https://images.pexels.com/photos/909907/pexels-photo-909907.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260"
      alt="auto"
    />
    </div>
    <p class="paragraf">
      Słowo <b><i>samochód</i></b> utrwaliło się w języku polskim jeszcze w czasach II
      Rzeczypospolitej, kiedy to zostało wybrane, w drodze konkursu, na słowo
      określające automobil. Termin <b><i>samochód</i></b> pochodzi od słów sam i chód,
      a więc określa pojazd samodzielnie się poruszający, czyli z własnym
      napędem. Spośród innych, branych pod uwagę słów, można wspomnieć
      określenie samojedź.
    </p>
    <p class="paragraf">
      Nad pojazdami napędzanymi parą myślano już w XVII wieku. W 1678 roku
      Ferdinand Verbiest miał zademonstrować taki pojazd cesarzowi chińskiemu,
      jednak nie ma na to żadnych dowodów. Dlatego za pierwszego konstruktora –
      wynalazcę pojazdu mechanicznego – uznaje się Francuza o nazwisku
      Nicolas-Joseph Cugnot, który zaprezentował swoje pionierskie dzieło
      napędzane silnikiem parowym w roku 1769.
    </p>
    <p class="paragraf">
      Napęd <b><i>samochodu</i></b> stanowi silnik. Najczęściej wykorzystywanym w
      samochodach typem silnika jest silnik spalinowy tłokowy. Produkowane są
      również <b><i>samochody</i></b> wyposażone jedynie w silnik elektryczny, czyli
      samochody elektryczne. Innym rodzajem napędu stosowanym w samochodzie jest
      napęd hybrydowy, będący połączeniem silnika spalinowego i silnika
      elektrycznego.
    </p>
    <h3 class="header">Najpopularniejsze marki samochodów w Europie:</h3>
    <ul class="lista">
      <li>BMW</li>
      <li>Audi</li>
      <li>Volkswagen</li>
      <li>Ford</li>
      <li>Mercedes-Benz</li>
      <li>Opel</li>
    </ul>

    <script>
      const naglowek=document.getElementById('header');
      const paragrafy=document.querySelectorAll('.paragraf');
      const lista=document.querySelector('.lista');
      const elementy=document.getElementsByTagName('li');
      const naglowki=document.getElementsByClassName('header');

      naglowek.style.fontFamily='Sans-serif';
      naglowek.style.fontSize='40px';

      elementy[1].innerHTML='Seat';
      elementy[2].innerHTML='Renault';

      naglowek.classList.add('header');

      naglowki[1].innerHTML='<p><b>' + naglowki[1].textContent + '</b></p>';

      const nowy=document.createElement('li');
      nowy.textContent='Fiat';
      lista.appendChild(nowy);

      console.log(naglowek);
      console.log(paragrafy);
      console.log(lista);
      console.log(elementy);
      console.log(naglowki);
    </script>
  </body>
</html>