Why I'm getting undefined when write something in input field and click the + button?

//html//


     
     <title>To-do list
     

     <h1>To Do List</h1>
     <div class="container">
          +
          <div id="toDoContainer" class="to-Dos">
          </div>
     </div>
     




//JavaScript//
let addToDoButton = document.getElementById('addToDo');
let toDoContainer = document.getElementById('toDoContainer');
let inputField = document.getElementById('inputField');

addToDoButton.addEventListener('click', () => {
     var paragraph = document.createElement('p')
     paragraph.innerText = inputField.Value;
     toDoContainer.appendChild(paragraph);
     inputField.value = "";
})