I have problems with importing bootstrap in my JS file so i need to find an alternative to the event “hidden.bs.modal”. I need it to use it just like in this W3school example
I also need to find an alternative to the event “shown.bs.modal”.
More precisely my code is:
<code>document.addEventListener('DOMContentLoaded', function() {
document.getElementById('deadpool').addEventListener('hidden.bs.modal', event => {
document.getElementById('byebye').pause();
});
document.getElementById('deadpool').addEventListener('shown.bs.modal', event => {
document.getElementById('byebye').play();
});
});
</code>
<code>document.addEventListener('DOMContentLoaded', function() {
document.getElementById('deadpool').addEventListener('hidden.bs.modal', event => {
document.getElementById('byebye').pause();
});
document.getElementById('deadpool').addEventListener('shown.bs.modal', event => {
document.getElementById('byebye').play();
});
});
</code>
document.addEventListener('DOMContentLoaded', function() {
document.getElementById('deadpool').addEventListener('hidden.bs.modal', event => {
document.getElementById('byebye').pause();
});
document.getElementById('deadpool').addEventListener('shown.bs.modal', event => {
document.getElementById('byebye').play();
});
});
where byebye is the id of an audio file and deadpool is the id of the modal.
New contributor
pietro is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.