Ir ao conteúdo

Posts recomendados

Postado

Olá, sou novo na programação e estou tentando fazer um exercício de typescript, onde quero apenas capturar o valor de um input, fiz um curso no youtube de typescript mas ele não ensinava a mexer com o DOOM. Recebo o seguinte erro na variável numero: Argument of type 'string' is not assignable to parameter of type 'HTMLInputElement'

 

Typescript

 

class Game {
	public button:HTMLInputElement
	public numero:HTMLInputElement

	constructor(button:HTMLInputElement,numero:HTMLInputElement){
		this.button=button
		this.numero=numero
		this.button.onclick = function() {
			console.log("Teste: "+numero);
		}
	}
}


let numero = (document.querySelector("#numero") as HTMLInputElement).value
const teste = new Game(document.querySelector('button') as HTMLInputElement, numero);
teste;

 

HTML

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <input id="numero">
    <button>Chutar!</button>
    

    <script src="../build/jogo-de-numeros.js"></script>
</body>
</html>

 

  • Curtir 1
  • 4 semanas depois...
Postado

Bom dia! Aqui você pega o "value" do elemento selecionado, que retorna uma string:

  Em 24/01/2024 às 14:25, Davi7 disse:
let numero = (document.querySelector("#numero") as HTMLInputElement).value
Expandir  

Mas o constructor da sua class espera um HTMLInputElement, por isso o erro. Então ou você muda o tipo no constructor pra string, ou não pega o value do HTMLInputElement antes de passar pro constructor.

  • Amei 1

Crie uma conta ou entre para comentar

Você precisa ser um usuário para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Mostrar mais  

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

Mostrar mais  
×
×
  • Criar novo...

GRÁTIS: ebook Redes Wi-Fi – 2ª Edição

EBOOK GRÁTIS!

CLIQUE AQUI E BAIXE AGORA MESMO!