การแสดงค่าของ textbox ใน JavaScript

คำอธิบาย

ดึงค่าจาก textbox ด้วย .value แล้วแสดงใน <p> ด้วย innerHTML

ตัวอย่างโค้ด

<input type="text" placeholder="enter your name" id="txtInputData">
<button onclick="displayName()">Click Me</button>
<p id="show_name"></p>

<script>
function displayName() {
  var originalName = document.getElementById("txtInputData").value;
  document.getElementById("show_name").innerHTML = "Your Name is :" + originalName;
}
</script>

ผลลัพธ์

กรอกชื่อ กดปุ่ม → แสดง "Your Name is :ชื่อที่กรอก" ในพารากราฟ