• Κανένα προϊόν στο καλάθι σας.

Home Συζητήσεις Άσκηση Javascript για αρχάριους

Άσκηση Javascript για αρχάριους

Τοποθέτηση ετικέτας: ,

Επισκόπηση 1 δημοσιεύσεων (από 1 συνολικά)
  • Συντάκτης
    Δημοσιεύσεις
  • #11350

    Γιώργος
    Keymaster

    Η παρακάτω άσκηση χρησιμοποιεί το event  κλικ του ποντικιού και αλλάζει μία εικόνα όταν κάνουμε κλικ επάνω σε ένα κουμπί. Παρακάτω οι δύο εικόνες τις οποίες πρέπει να αποθηκεύσετε στον υπολογιστή σας.

    Switch offSwitch on

    <!DOCTYPE html>
    <html>
    <body>
    <button onclick="document.getElementById('myImage').src='images/switch-on-icon.png'">Άνοιξε τον διακόπτη</button>
    <img id="switch" class="aligncenter" src="images/switch-off-icon.png" alt="" width="128" height="128">
    <button onclick="document.getElementById('myImage').src='images/switch-off-icon.png'">Κλείσε τον διακόπτη</button>
    </body>
    </html>
    

    Τις εικόνες θα πρέπει να τις τοποθετήσετε σε έναν φάκελο με το όνομα images και τον παραπάνω κώδικα σε ένα αρχείο .html το οποίο θα είναι στον ίδιο φάκελο με τον φάκελο images.

Επισκόπηση 1 δημοσιεύσεων (από 1 συνολικά)
  • Πρέπει να είστε συνδεδεμένοι για να απαντήσετε σ' αυτό το θέμα.
Template Design © VibeThemes. All rights reserved.