フォームで入力した値を表示するとundefined で表示されてしまう

Question

フォーム内容をJava scriptで表示したいのですが
全てundefinedで表示されます。何故でしょうか。....

<div>参加者一覧</div>
          <ul></ul>
          <input type="text" id="add-name" size="50"  placeholder="" ><button id="add-button">add</button>

window.onload = function() {
 const addNameButton = document.getElementById('add-button')
 addNameButton.addEventListener('click', () => {
const input = document.getElementById('add-name');
const li =document.createElement('li');
li.innerText = input.Value;
const ul =document.querySelector('ul');
ul.appendChild(li);
 });
}

Answer 1

li.innerText = input.Value;
V→v
誤字でした