Ich spiele gerade mit Typescript herum und versuche, ein Skript zu erstellen, das ein p-Element aktualisiert, wenn Text in ein Eingabefeld eingegeben wird.
Die Html-Datei sieht wie folgt aus:
<html>
<head>
</head>
<body>
<p id="greet"></p>
<form>
<input id="name" type="text" name="name" value="" onkeyup="greet('name')" />
</form>
</body>
<script src="greeter.js"></script>
</html>
Und die greeter.ts
Datei:
function greeter(person)
{
return "Hello, " + person;
}
function greet(elementId)
{
var inputValue = document.getElementById(elementId).value;
if (inputValue.trim() == "")
inputValue = "World";
document.getElementById("greet").innerText = greeter(inputValue);
}
Wenn ich kompiliere mit tsc
Ich erhalte den folgenden "Fehler":
/home/bjarkef/sandbox/greeter.ts(8,53): The property 'value' does not exist on value of type 'HTMLElement'
Der Compiler gibt jedoch eine Javascript-Datei aus, die in Chrome einwandfrei funktioniert.
Wie kommt es, dass ich diese Fehlermeldung erhalte? Und wie kann ich ihn beheben?
Wo kann ich außerdem nachschlagen, welche Eigenschaften für eine 'HTMLElement'
nach dem Typoskript?
Bitte beachten Sie, ich bin sehr neu zu javascript und typescript, so könnte ich etwas offensichtlich übersehen :)