如何在 p 标签中获取 output？

Question

Why this code doesn't get any outputs in p Tag? Please explain it

const inputName = document.getElementById("inputName");
const btnShow = document.getElementById("btnShow");
const pShow = document.getElementById("pShow");

btnShow.addEventListener("click", () => {
  const text = inputName.Value;
  pShow.textContent = text;
});
console.log(inputName, btnShow, pShow);

Answer 1

Input elements have value property and not Value , do it like this:

 const inputName = document.getElementById("inputName"); const btnShow = document.getElementById("btnShow"); const pShow = document.getElementById("pShow"); btnShow.addEventListener("click", () => { const text = inputName.value; pShow.textContent = text; });

 <input type="text" id="inputName"> <button id="btnShow">Click Me!</button> <p id="pShow"></p>

Answer 2

value is writing with low letters