Book
Υποενότητα 7.1: Το μοντέλο προγραμματισμού που βασίζεται σε συμβάντα
Υποενότητα 7.1: Το μοντέλο προγραμματισμού που βασίζεται σε συμβάντα
Completion requirements
View
- Συνάρτηση - Function
- Συμβάν - Event
- Εξωτερικό - αρχείο External Javascript file
- JavaScript - HTML μέθοδοι για τα συμβάντα
Το αρχείο JavaScript
Στον παρακάτω κώδικα μπορείτε να δείτε ότι έχουμε την έκφραση"onclick
".
To .onclick
iείναι ένα παράδειγμα ενός συμβάντος-event JavaScript το οποίο θα εκτελείται όταν ο χρήστης κάνει κλικ σε κάτι.
Υπάρχουν poll;a συμβάντα JavaScript. Μερικά παραδείγματα είναι
onmouseover
( όταν ο χρήστης μετακινεί το ποντίκι σε μια περιοχή )onkeydown
( όταν ο χρήστης πιέσει ένα πλήκτρο στο πληκτρολόγιο )onload
( όταν το πρόγραμμα περιήγησης έχει φορτώσει πλήρως τη σελίδα )
Επιπλέον, ο κώδικας μας περιλαμβάνει μια συνάρτηση function
. Οι συναρτήσεις είναι ομάδες εντολών. Η γενική σύνταξη μιας συνάρτησης είναι:
function name_of_function () {
your code here
}
name_of_function ();
Η τελευταία πρόταση, name_of_function ();
είναι υποχρεωτική για να τρέξει ο κώδικας μας. Με αυτή την έκφραση, πραγματικά "καλούμε" τη συνάρτησή μας.
/*This is the myscript.js file in the folder js*/
var theButton = document.getElementById("helloButton");
theButton.onclick = function (){
var theName = document.getElementById("yourName").value;
document.getElementById("viewName").innerHTML = theName;
}
Περισσότερες πληροφορίες για τις συναρτήσεις: https://www.w3schools.com/js/js_functions.asp
Περισσότερες πληροφορίες για τα συμβάντα: https://www.w3schools.com/js/js_events.asp