Erro "A propriedade 'value' não existe no tipo 'HTMLElement'" no TypeScript
Olá a todos! Comecei a estudar TypeScript recentemente e me deparei com um problema ao trabalhar com elementos DOM. Tenho um código simples que obtém o valor de um campo de entrada ao clicar em um botão:
```typescript
const button = document.getElementById('myButton');
const input = document.getElementById('myInput');
button.addEventListener('click', () => {
const inputValue = input.value; // Erro!
console.log(inputValue);
});
```
Mas o TypeScript mostra um erro: "The property 'value' does not exist on value of type 'HTMLElement'". Entendo que HTMLElement é o tipo base para todos os elementos HTML, mas por que não consigo acessar a propriedade value? Afinal, o input tem value! Tentei especificar o tipo explicitamente, mas não adianta. Alguém pode me explicar como resolver esse problema corretamente? Talvez seja necessário obter o elemento de outra forma? Ou isso está relacionado ao fato de getElementById poder retornar null? Agradeço uma explicação detalhada, de preferência com exemplos de código. Obrigado desde já!
<<>>