Kako se utvrđuje da svi elementi imaju ista svojstva, poput klase i identifikatora?

Klase (class) i identifikatori (id) su HTML atributi koji omogućavaju izbor elemenata za stilizaciju putem CSS-a i interakciju putem JavaScript-a.

Klasa:

• Može biti dodeljena više HTML elemenata.
• Koristi se za grupisanje elemenata koji imaju zajedničke vizuelne ili ponašajne karakteristike.
• U CSS-u, selektor klase počinje tačkom (.), na primer: .moja-klasa.
• U JavaScript-u, elementi po klasi se biraju metodama getElementsByClassName ili querySelectorAll.

Identifikator:

• Mora biti jedinstven u okviru cele HTML stranice.
• Koristi se za identifikaciju određenog elementa.
• U CSS-u, selektor identifikatora počinje znakom #, na primer: #moj-id.
• U JavaScript-u, element po ID-u se bira metodom getElementById.

Primer:

  <div class="karta">
      <p>Tekst kartice 1</p>
  </div>
  <div class="karta">
      <p>Tekst kartice 2</p>
  </div>
  <button id="mojDugme" class="btn">Dugme</button>

  .karta { /* Stilizacija svih elemenata sa klasom "karta" */
      border: 1px solid grey;
      padding: 10px;
      margin-bottom: 10px;
  }

  #mojDugme { /* Stilizacija samo elementa sa ID "mojDugme" */
      background-color: blue;
      color: white;
  }

  .btn { /* Opšti stilovi za sve dugmiće */
      padding: 8px 16px;
      cursor: pointer;
  }

  // Dobijanje svih elemenata sa klasom "karta"
  const kartice = document.getElementsByClassName('karta');

  // Dobijanje elementa sa ID "mojDugme"
  const dugme = document.getElementById('mojDugme');

  // Dodavanje event listener-a za klik na dugme
  if (dugme) {
      dugme.addEventListener('click', () => {
          alert('Dugme je pritisnuto!');
      });
  }

I klasama i ID-jevima su HTML atributi koji se direktno postavljaju u markup. To im omogućava da se koriste za stilizaciju (kroz CSS) i upravljanje ponašanjem (kroz JavaScript). Korišćenje klasa za slične elemente i jedinstvenih ID-jeva za pojedinačne elemente je standardna praksa.