A DOM alapjai JavaScriptben

Az előző leckékben a JavaScript nyelv alapvető lehetőségeit tanulmányoztuk. Ettől a leckétől kezdve azzal foglalkozunk, amire a JavaScript valójában teremtett - megváltoztatjuk a HTML oldal elemeit és reagálunk a felhasználó műveleteire. A szkriptjeink látványosabbak és hasznosabbak lesznek.

Az összes következő leckében a JavaScript kódját a HTML kód alá kell helyeznie, amelyhez hozzáfér. Vagyis a kódja szerkezetének így kell kinéznie:

html<!DOCTYPE html>
<html>
  <head>
    
  </head>
  <body>
    az Ön html elemei
    
    <script>
      az Ön JavaScript kódja
    </script>
  </body>
</html>

Vagy a következő módon, ha a JavaScript kódot külön fájlba írja:

html<!DOCTYPE html>
<html>
  <head>
    
  </head>
  <body>
    az Ön html elemei
    
    <script src="index.js"></script>
  </body>
</html>

A továbbiakban a rövidség kedvéért nem fogom megadni a teljes kódot, hanem egyszerűen jelezni fogom, hogy mit kell írni a HTML részben, és mit - a JavaScript részben.

Задание 1

Készítsen egy fájlt a megadott kódszerkezettel.