Outro Capturar valor de um input no typescipt

Davi7 · 24 de janeiro

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>

Kamuri · 21 de fevereiro

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

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

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.