How to do 2 actions on a button?

Question

JavaScript

Tell me how, when you click on the button, to download the file and open a popup on the site.
The download button itself:

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

My windows are called like this:

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

How to combine them?

Answer 1

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

And why are you creating a button 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>

Answer 2

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

Answer 3

Make one button, instead of two, and place your own handler in onclick, in which the functions you need will be called. Example: https://codepen.io/Subb98/pen/qxxKLb