Как сделать, чтобы кликнув div произошел клик на кнопку?

Question

[Антон]

Уважаемые знатоки, подскажите:
Есть такой код

spoiler

function show_hide(id){
  if (document.getElementById('block_primerka').style.opacity == "0")
{
    document.getElementById(id).style.display = 'none';
    document.getElementById('block_primerka').style.display = 'block';
    document.getElementByClassName('zoomContainer').style.display = 'none';
}
  else
    {
    document.getElementById(id).style.display = 'block';
    document.getElementById('block_primerka').style.display = 'none';
    document.getElementById('block_primerka').style.opacity = '0';
    document.getElementByClassName('zoomContainer').style.display = 'block';
}
}

и

spoiler

<div class="cartochka-carousel-nav-container">
// фото превью с множеством дивок
</div>

Как сделать, чтобы кликнув в любое место ограниченное дивом div class="cartochka-carousel-nav-container" произошел клик на кнопку

<a id="buttonID" onclick="show_hide('block_cart')" class="btn-image-big"></a>

только если

if (document.getElementById('block_primerka').style.opacity == "0")

иначе не имитировать клик.

Answer 1

[Владимир Проскурин]

Зачем делать клик на кнопку, если можно взять метод из кнопки в onclick, и выполнить его?

document.querySelector('.cartochka-carousel-nav-container').addEventListener('click', function() {
   if (document.getElementById('block_primerka').style.opacity == "0") {
      show_hide('block_cart')
   }
});

Если уж так надо кликнуть по элементу, то вот так кликается
document.getElementById('buttonID').click()

Comments

[Антон]

Владимир Проскурин Спасибо Вам, Владимир. Выручаете уже в который раз!

Answer 2

[Ryzhakov]

var event = new Event("click");
document.getElementById('buttonID').dispatchEvent(event);

это вызови по клику на div

Comments

[Станислав Некрасов]

А нельзя просто button.click() ?