InputValue = ""; not working

Hello I’m trying to build a todo list app using javascript
for some reason inputValue = ""; reassignment is not working
it is supposed to clear the input field as soon as I press enter or add
Any help is appreciated

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <meta http-equiv="X-UA-Compatible" content="IE=edge">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>Document</title>

</head>

<body>

  <div class="body">

    <div class="todo">

      <button class="todo--btn">Add</button>

      <input type="text" class="todo--input">

      <div class="todo--text-container"></div>

    </div>

    

  </div>

  

  <script src="script.js"></script>

</body>

</html>
const addBtn = document.querySelector(".todo--btn");

const todoTextContainer = document.querySelector(".todo--text-container");
let todoInput = document.querySelector(".todo--input");

// console.log(addBtn, todoInput, todoTextContainer);

addBtn.addEventListener("click", createElement);

todoInput.addEventListener("keydown", function (e) {
  let keycode = 13;
  if (e.keyCode == keycode) {
    return createElement();
  }
});

function createElement() {
  let inputValue = todoInput.value;
  let newElement = document.createElement("p");

  newElement.innerText = inputValue;
  todoTextContainer.appendChild(newElement);

 inputvalue = " ";
}

you have the wrong spelling, it should have been inputValue

also I think that as it is a string, it can’t be done like that, you need
todoInput.value = ""