Grondbeginsels van DOM-werking in JavaScript

In vorige lesse het ons die basiese moontlikhede van die JavaScript-taal bestudeer. Vanaf hierdie les sal ons ons besig hou met waarvoor JavaScript eintlik bedoel is – ons sal HTML-bladsyelemente verander en op gebruikeraksies reageer. Ons skripte sal meer aanskoulik en nuttig word.

In alle volgende lesse moet jou JavaScript- kode onder die HTML-kode geplaas word waarna dit verwys. Die struktuur van jou kode moet dus soos volg lyk:

html<!DOCTYPE html>
<html>
  <head>
    
  </head>
  <body>
    u HTML-tags
    
    <script>
      u JavaScript-kode
    </script>
  </body>
</html>

Of soos volg, as jy jou JavaScript-kode in 'n aparte lêer skryf:

html<!DOCTYPE html>
<html>
  <head>
    
  </head>
  <body>
    u HTML-tags
    
    <script src="index.js"></script>
  </body>
</html>