DOM darbo su JavaScript pagrindai

Ankstesnėse pamokose mes mokėmės pagrindinius JavaScript kalbos galimybes. Nuo šios pamokos mes imsimės to, kam iš esmės JavaScript ir yra skirtas - mes keisime HTML puslapio elementus ir reaguosime į vartotojo veiksmus. Mūsų scenarijai taps įspūdingesni ir naudingesni.

Visose tolesnėse pamokose jūsų JavaScript kodas turi būti patalpintas žemiau HTML kodo, į kurį jis kreipiasi. Tai yra, jūsų kodo struktūra turėtų atrodyti taip:

html<!DOCTYPE html>
<html>
  <head>
    
  </head>
  <body>
    jūsų html žymos
    
    <script>
      jūsų JavaScript kodas
    </script>
  </body>
</html>

Arba taip, jei rašote JavaScript kodą atskirame faile:

html<!DOCTYPE html>
<html>
  <head>
    
  </head>
  <body>
    jūsų html žymos
    
    <script src="index.js"></script>
  </body>
</html>

Toliau, dėl trumpumo, nepateiksiu pilno kodo, o tiesiog nurodysiu, ką reikia rašyti HTML dalyje, o ką - JavaScript dalyje.

Задание 1

Sukurkite failą su nurodyta kodo struktūra.