я в js полный профан, пока( да и вообщем в верстке( признаюсь сразу. Никак не могу задать нескольким кнопкам выполнение одной и той же функции, могла конечно расплодить код для каждого id, но хочется делать правильно сразу. нужно чтобы по нажатию кнопки "показать телефон" появлялся блок с телефоном и текстом "звонок по России...", снизу будет JS код который работает только для одной кнопки , а у меня таких 4 и может потом и больше добавиться( и я никак не могу сделать чтобы для всех работало(
<div class="companyCard_phone" id="phone__Number">
<div class="companyCard_phone__Number" id="companyCard_phone__Number1">
<p>+7 (486) 123 - 45 - 67</p>
<span>Звонок по России бесплатный</span>
</div>
<button type="submit" class="companyCard_phone__btn button"
id="btn_phone__Number1">
Показать телефон
</button>
</div>
javascript
document.getElementById('btn_phone__Number1')
.addEventListener('click', function(){
this.style.display = 'none';
document.getElementById('companyCard_phone__Number1').style.display =
'block';
});
а это то что я пыталась, но не работает
document.getElementsByClassName(".companyCard_phone__btn").addEventListener('click', function(){
this.style.display = 'none';
document.getElementsByClassName(".companyCard_phone__Number").style.display = 'block';
});