Document.getelementbyid value là gì

Tôi đang chơi xung quanh với bản thảo và đang cố gắng tạo một tập lệnh sẽ cập nhật phần tử p khi văn bản được nhập vào hộp nhập.

Các html trông như sau:

id="greet">

id="name" type="text" name="name" value="" onkeyup="greet('name')" /> src="greeter.js">

Và greeter.tstập tin:

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); }

Khi tôi biên dịch với tsctôi nhận được "lỗi" sau:

/home/bjarkef/sandbox/greeter.ts(8,53): The property 'value' does not exist on value of type 'HTMLElement'

Tuy nhiên, trình biên dịch không xuất ra tệp javascript, chỉ hoạt động tốt trong chrome.

Làm thế nào tôi nhận được lỗi này? Và làm thế nào tôi có thể sửa chữa nó?

Ngoài ra, tôi có thể tra cứu thuộc tính nào hợp lệ trên 'HTMLElement'bản in?

Xin lưu ý rằng tôi rất mới với javascript và typcript, vì vậy tôi có thể thiếu một cái gì đó rõ ràng. :)