JavaScript รับค่าจาก input HTML

สอนภาษา JavaScript รับค่าจาก input HTML โดยตัวอย่างจะรับค่า input TextBox จากภายในฟอร์ม HTML โดยการอ้างอิง input TextBox ด้วย document.getElementById และใช้คำสั่ง value ในการรับค่า สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง JavaScript รับค่าจาก input HTML

<form>
    <input type="text" id="txt"> <input type="button" value="ตกลง" onclick="getTxt()">
</form>

<script>
    function getTxt() {
        var txt = document.getElementById("txt").value;
        console.log( "JavaScript รับค่า input HTML = "+txt );
    }
</script>

ผลลัพธ์

JavaScript รับค่า input HTML = สวัสดี JavaScript HTML