Как на кнопке сделать 2 действия?

Question

[kmisha]

Подскажите как при клике на кнопку, чтобы скачался файл и открылся попап на сайте

Сама кнопка со скачиванием:

<div class="btn" onclick="location.href='file.xlsx';">Скачать</div>

Окна у меня вызываются вот так:

<div class="btn-b" data-fancybox data-animation-duration="700" data-src="#Modal" href="javascript:;">Открыть</div>

Как их объединить?

Answer 1

[aloky]

document.querySelector('.btn-b').addEventListener("click", function(){location.href='file.xlsx'})

И почему вы кнопку создаете div =(

<div class="btn-b" data-fancybox data-animation-duration="700" data-src="#Modal" href="javascript:;">Открыть</div>
<script>
document.querySelector('.btn-b').addEventListener("click", function(){location.href='file.xlsx'})
</script>

Comments

[kmisha]

отлично, только как сделать чтобы файл открывался в новой вкладке или скачивался без переходов

Answer 2

[Astrohas]

document.querySelector('.btn-c').addEventListener("click", function(){location.href='file.xlsx'})

Comments

[kmisha]

можно подробней) куда это?

Answer 3

[Subb98]

Сделать одну кнопку, вместо двух и в onclick поместить собственный обработчик, в котором будут вызываться нужные вам функции. Пример: https://codepen.io/Subb98/pen/qxxKLb