DOM darbības pamati JavaScript
Iepriekšējās nodarbībās mēs pētījām JavaScript valodas pamatfunkcijas. Sākot ar šo nodarbību, mēs pievērsīsimies tam, kam JavaScript patiešām ir paredzēts - mēs mainīsim HTML lapas elementus un reaģēsim uz lietotāja darbībām. Mūsu skripti kļūs uzskatāmāki un noderīgāki.
Visās turpmākajās nodarbībās jūsu JavaScript kods ir jānovieto zem HTML koda, kuram tas piekļūst. Tas nozīmē, ka jūsu koda struktūrai jāizskatās šādi:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
jūsu html tagi
<script>
jūsu JavaScript kods
</script>
</body>
</html>
Vai arī šādi, ja jūs rakstāt JavaScript kodu atsevišķā failā:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
jūsu html tagi
<script src="index.js"></script>
</body>
</html>
Turpmāk es īsuma dēļ nerādīšu pilnu kodu, bet vienkārši norādīšu, ko jāraksta HTML daļā un ko - JavaScript daļā.
Izveidojiet failu ar norādīto koda struktūru.