как получать значение при нажатии на button js

Question

Eсть такой код:

<div class="lang">
    <button value="en" id="lang-en">EN</button>
    <button value="ru" id="lang-ru">RU</button>
 </div>

Вопрос: Как при нажатии на соответствующую кнопку получить ее значение (value) используя нативный JS? Как правильно записать такую операцию?

Answer 1

function getValue(btn) {
  console.log(btn.value);
}

<div class="lang">
    <button value="en" id="lang-en" onclick="getValue(this)">EN</button>
    <button value="ru" id="lang-ru" onclick="getValue(this)">RU</button>
 </div>

document.querySelectorAll('.lang button').forEach(b => b.addEventListener('click', getValue));

function getValue(e) {
  console.log(this.value);
}

<div class="lang">
    <button value="en" id="lang-en">EN</button>
    <button value="ru" id="lang-ru">RU</button>
 </div>

БЛОГ НА HUSL

как получать значение при нажатии на button js

Ответы (1 шт):