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

[Dúvida] Erro - Signature declarations can only be used in TypeScript files.

Estou tentando reproduzir o código ensinado em aula, porém quando tento utilzar a forma nova ensinada, é informado o erro abaixo:

Print dos erros ao utilizar novo código

Código utilizado:

function mostrarTextoNaTela(tag, texto) { let campo = document.querySelector(tag); campo.innerHTML = texto; };

function mostrarTextoNaTela('h1', 'Jogo dos números'); function mostrarTextoNaTela('p', 'Informe um número de 1 a 10');

Obs.: O erro não ocorre quando tento utilizar a forma inicial do código:

let titulo = document.querySelector('h1');titulo.innerHTML = 'Jogo dos números';

let paragrafo = document.querySelector('p'); paragrafo.innerHTML = 'Escolha um número entre 1 e 10';

2 respostas
solução!

Olá, Luiz!

Pelo que você descreveu, parece que o erro está relacionado ao modo como você está tentando chamar a função mostrarTextoNaTela. No JavaScript, a chamada de uma função não deve repetir a palavra function. Veja como corrigir:

Seu código atual está assim:

function mostrarTextoNaTela('h1', 'Jogo dos números');
function mostrarTextoNaTela('p', 'Informe um número de 1 a 10');

A chamada correta da função deve ser sem a palavra function:

mostrarTextoNaTela('h1', 'Jogo dos números');
mostrarTextoNaTela('p', 'Informe um número de 1 a 10');

Além disso, verifique se o arquivo está sendo salvo com a extensão .js e não .ts, pois o erro mencionado refere-se a uma sintaxe específica de TypeScript.

Espero ter ajudado e bons estudos!

Oi Luiz,

A forma correta de chamar uma função após sua definição é usando o nome da função seguido pelos parênteses e os argumentos, se houver.

No seu caso, você definiu a função mostrarTextoNaTela corretamente, mas a chamou de forma incorreta.

O código correto seria:

function mostrarTextoNaTela(tag, texto) {
  let campo = document.querySelector(tag);
  campo.innerHTML = texto;
}

mostrarTextoNaTela('h1', 'Jogo dos números');
mostrarTextoNaTela('p', 'Informe um número de 1 a 10');

Note que removemos a palavra function na chamada da função. 😜

Para saber mais: Funções em JavaScript. Este link da documentação da Mozilla explica detalhadamente como as funções funcionam em JavaScript.

Continue praticando e explorando as funcionalidades do JavaScript! 🧐

Feliz Ano Novo!