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>