Por exemplo, abaixo tenho dois botões que quando clicados exibem conteúdos diferentes:
let btn1 = document.querySelector("#btn1");
let btn2 = document.querySelector("#btn2");
btn1.onclick = () => {
console.log("BOTÃO 1");
};
btn2.onclick = () => {
console.log("BOTÃO 2");
};
<button id="btn1">Click 1</button>
<button id="btn2">Click 2</button>
Mas, se eu quiser chamar o método log()
após alguns segundos com o método setTimeout()
passando parâmetros na função a ser chamada no método setTimeout()
, isso não vai funcionar:
let btn1 = document.querySelector("#btn1");
let btn2 = document.querySelector("#btn2");
btn1.onclick = () => {
setTimeout(msg("BOTÃO 1"), 1000);
};
btn2.onclick = () => {
setTimeout(msg("BOTÃO 2"), 1000);
};
function msg(txt) {
console.log(txt);
}
<button id="btn1">Click 1</button>
<button id="btn2">Click 2</button>
Isso porque estou chamando a função msg()
imediatamente, pois informei os parênteses. Como eu posso passar parâmetros para função a ser chamada no método setTimeout()
?