Как сделать, чтобы когда мы нажимали div1, то вызывалась function1, но также нажимался и div2, который бы сделал function2?

Question

У нас есть div1 и div2. div1 делает function1, а div2 - function2. У div1 onclick не работает(я серьёзно), а у div2 всё работает. Как сделать, чтобы когда мы нажимали div1, то вызывалась function1, но также нажимался и div2, который бы сделал function2? Кстати, мы никак не можем влиять на function1, изменять его и даже обращаться к нему=)

Answer 1

<div id="div1" onclick="alert('div1');">div 1</div>
<div id="div2" onclick="alert('div2');">div 2</div>

<div id="div3" onclick="alert('div1');alert('div2');">div 1 + 2</div>

Не работает?

Answer 2

<div onclick="console.log(2)"><div onclick="console.log(1)">1</div></div>

Answer 3

Если правильно понял

<div class="div1">1</div>
<div class="div2">2</div>

const div1 = document.querySelector('.div1')
const div2 = document.querySelector('.div2')
div2.addEventListener('click', () => console.log(2))
div1.addEventListener('click', () => {
  console.log(1)
  div2.click()
})

БЛОГ НА HUSL

Как сделать, чтобы когда мы нажимали div1, то вызывалась function1, но также нажимался и div2, который бы сделал function2?

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