1
resposta

Reaproveitando código

Por que ao chamar uma função que recebe parâmetro, precisamos colocar aspas na chamada?

Por exemplo, nesse código, na chamada da função "manipulaDados" os parâmetros estão com aspas e sem elas a função não funciona como deveria, o que isso significa afinal?

const bracos = document.querySelector ("#bracos");
const somar = document.querySelector ("#somar");
const subtrair = document.querySelector ("#subtrair");

somar.addEventListener ("click", (event) => {manipulaDados("somar")});
subtrair.addEventListener ("click", (event) => {manipulaDados("subtrair")});

function manipulaDados (operacao) {
    if (operacao === "subtrair") {
        bracos.value = parseInt(bracos.value) - 1;
    } else {
        bracos.value = parseInt(bracos.value) + 1;
    }
}
1 resposta

Olá Matheus!

Na chamada da função "manipulaDados" com os parâmetros entre aspas, estamos passando uma string como argumento. Isso significa que estamos passando um valor do tipo texto para a função.

No exemplo que você postou, a função "manipulaDados" recebe um parâmetro chamado "operacao". Esse parâmetro é utilizado dentro da função para verificar se a operação a ser realizada é de soma ou subtração.

Sem as aspas, o JavaScript interpretaria "somar" e "subtrair" como variáveis, e não como strings(texto). Como essas variáveis não foram definidas anteriormente, a função não funcionaria corretamente.

Por isso, é importante colocar as aspas quando estamos passando uma string(texto) como argumento para uma função.

Espero ter ajudado e bons estudos!