Letras para números

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />

    <title>Letra para número</title>
  </head>
  <body>
    <h1>Conversor de letras para números</h1>

    <script>
      const letterToNumbers = (text) =>
        Array.from(text)
          .map((letter) => letter.toUpperCase())
          .map((letter) => letter.charCodeAt(0))
          .map((char) => char - 64)
          .join(" ");

      const mainDiv = document.createElement("div");
      document.body.appendChild(mainDiv);

      const form = document.createElement("form");
      mainDiv.appendChild(form);

      const formTopDiv = document.createElement("div");
      form.appendChild(formTopDiv);

      const input = document.createElement("input");
      formTopDiv.appendChild(input);

      const bottomDiv = document.createElement("div");
      form.appendChild(bottomDiv);

      const button = document.createElement("button");
      button.innerHTML = "Converter";
      bottomDiv.appendChild(button);

      const div = document.createElement("div");
      document.body.appendChild(div);

      const responseInput = document.createElement("input");
      responseInput.disabled = true;
      div.appendChild(responseInput);

      button.onclick = function (evt) {
        evt.preventDefault();
        let text = input.value;
        let converted = letterToNumbers(text);
        responseInput.value = converted;
      };
    </script>
  </body>
</html>