Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Dúvida - onclick chamanda uma função com parâmetros

Boa tarde!!!

No exemplo da aula, temos o seguinte código:

function tocaSomPom() {
    document.querySelector('#som_tecla_pom').play();
}

document.querySelector('.tecla_pom').onclick = tocaSomPom;

Na chamada à função tocaSomPom, não informamos os parênteses. Mas como devemos fazer quando a função chamada possui parâmetros? Por exemplo, uma função que receba dois números e calcule sua soma. Informamos os parâmetros, dentro dos parênteses, ao chamarmos a função no onclick?

Desde já, agradeço a atenção!!!

2 respostas
solução!

Fala Cezar, tudo bom?

No caso de funções com parâmetros você poderia referênciar a tecla pom em uma variável e adicionar um escutador de eventos .

Por exemplo:

function somaNumeros(primeiroNumero, segundoNumero) {
const resultado = primeiroNumero + segundoNumero;
console.log(resultado);
return resultado;
}

const teclaPom = document.querySelector('.tecla_pom');

teclaPom.addEventListener('click', () => {
somaNumeros(1, 4);
})

No código acima, toda vez que você clicar na tecla Pom, irá aparecer o resultado da soma no console do navegador. Note que o onclick() não está sendo chamado após o querySelector(), ao invés disso, ele é chamado durante o addEventListener() que está ouvindo o evento de click.

Caso tenha interesse, este artigo sobre DOM fala sobre Event Listeners .

Espero ter ajudado! Qualquer coisa, é só perguntar.

Joia, Gabriel!!! obrigadão pelo retorno!!!