Σε αυτή την άσκηση θα δούμε πως μπορεί η JavaScript να πειράξει τις ιδιότητες των elements της HTML.
-
Δημιουργούμε έναν φάκελο στην επιφάνεια εργασίας με το όνομα
ex3και ένα νέο αρχείο με το όνομαex3.html. -
Πληκτρολογούμε τα παρακάτω αναγκαία tags:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html> - Βάζουμε τίτλο στη σελίδα μας:
<title>Exercise 3 - JS</title>- Στη συνέχεια μέσα στο
bodyβάζουμε ένα κουμπί:
<button id="myBTN" onclick="disableMe()">Push the Button!</button>- Έπειτα στο
headγράφουμε το εξής script:
<script>
function disableMe() {
document.getElementById("myBTN").disabled = true;
}
</script>-
Αποθηκεύουμε τις αλλαγές μας και τρέχουμε τη σελίδα.
-
Πατάμε το κουμπί και παρατηρούμε ότι απενεργοποιείται!