Leí muchos artículos sobre TypeScript y no pude encontrar nada. ¿Qué tipo establecer para los elementos X e Y? o cómo convertir el código a TS? Gracias de antemano por tu ayuda
const x = document.getElementById("password-input"); const y = document.getElementById("img"); function showPass() { if (x.type === "password") { x.type = "text"; y.src = "png" } else { x.type = "password"; y.src = "png" } }con el ! firme que dijo que este elemento no será nulo (si está seguro de que ese elemento está en su documento HTML), y as HTMLInputElemnt es para indicar su tipo de elemento.
Para leer más al respecto, puedes leer este artículo .
const x = document.getElementById("password-input")! as HTMLInputElement; const y = document.getElementById("img")! as HTMLInputElement; function showPass() { if (x.type === "password") { x.type = "text"; y.src = "png" } else { x.type = "password"; y.src = "png" } }No puede simplemente usar TS en el navegador, deberá compilarlo. Para su caso de uso específico, deberá decirle a TS cuál es el HTMLElement para x e y, de lo contrario, no le gustará x.type e y.src ya que src y type no son propiedades en HTMLElement
const x: HTMLInputElement = document.getElementById("password-input"); const y: HTMLImageElement = document.getElementById("img"); function showPass() { if (x.type === "password") { x.type = "text"; y.src = "png" } else { x.type = "password"; y.src = "png" } }