Αρχική σελίδα Συζητήσεις Γλώσσες προγραμματισμού Javascript Άσκηση Javascript για αρχάριους

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

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

Επισκόπηση 0 απαντητικών νημάτων
  • Συντάκτης
    Δημοσιεύσεις
    • #11350 Reply

      Η παρακάτω άσκηση χρησιμοποιεί το 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.

Επισκόπηση 0 απαντητικών νημάτων
Απάντηση στο: Άσκηση Javascript για αρχάριους
Οι πληροφορίες σας:




Σχεδιασμός © GetCert. Με επιφύλαξη παντός δικαιώματος.