Как при клике на блока появилось его класс?

Question

[elchinbek1]

при клике на один из них блока должен появится их класс как сделать

Comments

[Ankhena]

Поиск элементов https://learn.javascript.ru/searching-elements-dom
События, в том числе клик https://learn.javascript.ru/introduction-browser-events
Добавление класса https://learn.javascript.ru/styles-and-classes#cla...

И id должны быть уникальны. Не может быть трех элементов с id="btn__modal"

Answer 1

[MrColdCoffee]

1) id элементов НЕ должны повторяться
2) На jQuery можно сделать так:

$(document).on( 'click ', '.iphone-x div' function(){
alert($(this).attr('class') );
});

но лучше заменить ваши id="btn_modal" на class="btn_modal", а в id как раз написать phone__... и узнавать id элемента по клику:

$(document).on( 'click ', '.btn_modal' function(){
alert($(this).attr('id') );   
});

Comments

[MamaLuyba]

зачем тянуть jquery под такую простую задачу?

[MrColdCoffee]

MamaLuyba, согласен, но делая выводы по вопросу - большая вероятность, что человек использует jquery в своём проекте)

Answer 2

[MamaLuyba]

Есть разные варианты реализации. Самый простой - повесить функцию на клик и в нее передавать событие, из которого берется элемент, у которого смотрится класс.
Как пример:

<div class='block' onclick='getClassName(event)'>
 
</div>

.block {
  width: 100px;
  height: 100px;
  background: red;
}

function getClassName(event) {
  console.log(event.target.className);
}