Πώς αποδεικνύεται ότι όλα τα στοιχεία έχουν ίδιες ιδιότητες, όπως η κλάση και το αναγνωριστικό;

Οι κλάσεις (class) και οι ταυτοτήτες (id) είναι HTML χαρακτηριστικά που επιτρέπουν την επιλογή στοιχείων για διαμόρφωση μέσω CSS και αλληλεπίδραση μέσω JavaScript.

Κλάση:

• Μπορεί να αποδοθεί σε πολλά HTML στοιχεία.
• Χρησιμοποιείται για την ομαδοποίηση στοιχείων που έχουν κοινά οπτικά ή συμπεριφορικά χαρακτηριστικά.
• Στο CSS, ο επιλογέας κλάσης ξεκινά με τελεία (.), π.χ.: .η-κλάση-μου.
• Στο JavaScript, τα στοιχεία με κλάση επιλέγονται με τις μεθόδους getElementsByClassName ή querySelectorAll.

Ταυτοτήτης:

• Πρέπει να είναι μοναδικός σε ολόκληρη τη σελίδα HTML.
• Χρησιμοποιείται για την ταυτοποίηση ενός συγκεκριμένου στοιχείου.
• Στο CSS, ο επιλογέας ταυτότητας ξεκινά με σύμβολο #, π.χ.: #το-δικό-μου.
• Στο JavaScript, το στοιχείο με ID επιλέγεται με τη μέθοδο getElementById.

Παράδειγμα:

  <div class="κάρτα">
      <p>Κείμενο κάρτας 1</p>
  </div>
  <div class="κάρτα">
      <p>Κείμενο κάρτας 2</p>
  </div>
  <button id="το-κουμπί-μου" class="btn">Κουμπί</button>

  .κάρτα { /* Στυλ όλων των στοιχείων με κλάση "κάρτα" */
      border: 1px solid grey;
      padding: 10px;
      margin-bottom: 10px;
  }

  #το-κουμπί-μου { /* Στυλ μόνο για το στοιχείο με ID "το-κουμπί-μου" */
      background-color: blue;
      color: white;
  }

  .btn { /* Κοινά στυλ για όλα τα κουμπιά */
      padding: 8px 16px;
      cursor: pointer;
  }

  // Λήψη όλων των στοιχείων με κλάση "κάρτα"
  const καρτες = document.getElementsByClassName('κάρτα');

  // Λήψη του στοιχείου με ID "το-κουμπί-μου"
  const κουμπι = document.getElementById('το-κουμπί-μου');

  // Προσθήκη χειριστή συμβάντος κλικ στο κουμπί
  if (κουμπι) {
      κουμπι.addEventListener('click', () => {
          alert('Το κουμπί πατήθηκε!');
      });
  }

Τόσο οι κλάσεις όσο και οι ταυτότητες είναι HTML χαρακτηριστικά που ορίζονται άμεσα στο markup. Αυτό τους επιτρέπει να χρησιμοποιούνται για διαμόρφωση (μέσω CSS) και διαχείριση συμπεριφοράς (μέσω JavaScript). Η χρήση κλάσεων για παρόμοια στοιχεία και μοναδικών ID για μεμονωμένα στοιχεία αποτελεί τυπική πρακτική.