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:
<!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:
<!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.
Sukurkite failą su nurodyta kodo struktūra.