В чем ошибка при клике на кнопку должна первая буква быть заглавной?

Question

[Виктор]

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

var inp = document.getElementById("inp");
var btn = document.querySelector(".btn");
var list = document.querySelector('#list');
var del = document.querySelector(".delete");
var arr = [];

btn.addEventListener('click', function() {
  var valInp = inp.value; 
  if (valInp === '') { return; }
  arr.push(valInp);
  inp.value = "";
  list.innerHTML = arr.join("<br>").trim();

	function toUpper() {
	arr.charAt(0).toUpperCase() + arr.slice(1);
	}
});

Answer 1

[romy4]

посмотрите на mdn что возвращает toUpperCase

Answer 2

[Денис]

Эм, а зачем столько кода?

Попробуйте так:

function firstToUpper(inputName) {
                var input = document.getElementById(inputName);
                input.value = input.value.charAt(0).toUpperCase() + input.value.slice(1);
            }

document.getElementById('button').addEventListener('click',() => firstToUpper('input'));

Answer 3

[amatory10]

почему саму toUpper вы не используете? arr.slice(1) возвращает пустой массив, нужно arr[0].slice(1)
arr массив charAt недоступен, прежде чем использовать надо преобразовать в строку или опять же arr[0].charAt(0), короче ошибок уйма.