Υποενότητα 7.1: Το μοντέλο προγραμματισμού που βασίζεται σε συμβάντα: Το αρχείο HTML

Υποενότητα 7.1: Το μοντέλο προγραμματισμού που βασίζεται σε συμβάντα

View

Συνάρτηση - Function
Συμβάν - Event
Εξωτερικό - αρχείο External Javascript file
JavaScript - HTML μέθοδοι για τα συμβάντα

Το αρχείο HTML

Όπως μπορείτε να δείτε παρακάτω, το αρχείο HTML έχει έναν σύνδεσμο προς το αρχείο CSS στο <head> και ένα σύνδεσμο προς το αρχείο JavaScript στο τέλος του <body>.

Αναφέροντας το αρχείο CSS και το αρχείο JavaScript στο αρχείο HTML μπορούμε να συνδυάσουμε αυτά τα αρχεία μαζί!

Επιπλέον, χρησιμοποιούμε τα χαρακτηριστικά id στις περιοχές που θα χρειαστούμε στη JavaScript. Με το id είμαστε σε θέση να πάρουμε κάθε ένα από αυτά τα στοιχεία στη JavaScript και να τους πούμε τι θέλουμε να κάνουν.

<!DOCTYPE html>
<html lang="en">
  <head>
     <title>My first HTML-CSS and JavsScript combination</title>
 
     <link rel="stylesheet" type="text/css" href="css/mystyle.css">
   </head>
   <body>
     <h3>My first HTML-CSS and JavsScript combination!</h3>
     <p><input size="20" id="yourName"> is my name. </p>
     <button id="helloButton" >Tell me Hello!</button>
     <p>Hello <span id="viewName"></span>!</p>
 
     <script type="text/javascript" src="js/myscript.js"></script>
   </body>
</html>