I'm having trouble accessing an input element on a event.target object by using event.target[0] in TypeScript, resulting in the following error message:
The element implicitly has an 'any' type because the expression of type '0' cannot be used to index type 'EventTarget'. Property '0' does not exist on type 'EventTarget'.
This is how my code looks currently:
const counterDecrement = document.getElementById("counter__decrement")!;
const counterIncrement = document.getElementById("counter__increment")!;
const counterForm = document.getElementById("counter__form")!;
counterDecrement.addEventListener("click", () => {
counterValue.innerText = (+counterValue.innerText - 1).toString();
});
counterIncrement.addEventListener("click", () => {
counterValue.innerText = (+counterValue.innerText + 1).toString();
});
counterForm.addEventListener("submit", event => {
event.preventDefault();
event.target as HTMLInputElement;
if (event.target) {
console.log(event.target[0]);
}
});
A red squiggly line appears under event.target[0] (line 18)
Any suggestions on how to fix this issue?
Thank you