JavaScript-ում DOM-ի հետ աշխատանքի հիմունքներ

Նախորդ դասերում մենք ուսումնասիրեցինք JavaScript լեզվի հիմնական հնարավորությունները։ Սկսած այս դասից՝ մենք կզբաղվենք այն բանով, ինչի համար, ըստ էության, JavaScript-ը և ստեղծվել է՝ մենք կփոխենք HTML էջի տարրերը և կարձագանքենք օգտագործողի գործողություններին։ Մեր սկրիպտները կդառնան ավելի տեսանելի և օգտակար։

Հետևյալ բոլոր դասերում ձեր JavaScript կոդը պետք է տեղադրված լինի HTML կոդից ներքև, որին այն դիմում է։ Այսինքն՝ ձեր կոդի կառուցվածքը պետք է ունենա հետևյալ տեսքը․

html<!DOCTYPE html>
<html>
  <head>
    
  </head>
  <body>
    ձեր html թեգերը
    
    <script>
      ձեր JavaScript կոդը
    </script>
  </body>
</html>

Կամ հետևյալ կերպ, եթե դուք գրում եք JavaScript կոդը առանձին ֆայլում․

html<!DOCTYPE html>
<html>
  <head>
    
  </head>
  <body>
    ձեր html թեգերը
    
    <script src="index.js"></script>
  </body>
</html>

Հետագայում, հակիրճ լինելու համար, ես չեմ ներկայացնի ամբողջական կոդը, այլ պարզապես կնշեմ, թե ինչ է պետք գրվի HTML մասում, և ինչ՝ JavaScript մասում։

Задание 1

Ստեղծեք ֆայլ նշված կոդի կառուցվածքով։