Как сделать первую букву заглавной в строке ввода JavaScript

В этом примере, когда пользователь начинает вводить текст в поле ввода с идентификатором «nameInput», событие oninput вызывает функцию autoCapitalizeFirstLetter(). Эта функция берет значение из поля ввода, делает первую букву заглавной с помощью метода charAt() и конкатенации, а затем устанавливает новое значение обратно в поле ввода.

Таким образом, пользователь может вводить текст, и первая буква будет автоматически сделана заглавной.

<input type="text" id="nameInput" oninput="autoCapitalizeFirstLetter()">

<script>
function autoCapitalizeFirstLetter() {
  const inputElement = document.getElementById("nameInput");
  const inputValue = inputElement.value;

  if (inputValue.length > 0) {
    const capitalizedValue = inputValue.charAt(0).toUpperCase() + inputValue.slice(1);
    inputElement.value = capitalizedValue;
  }
}
</script>