Javascript 如何在单击按钮时将第一个字母设置为大写

当我点击按钮，它出现在网页上时，我想做第一个字母toUpperCase（）；但我不知道如何正确地使用它。我是这样做的：

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

但这似乎不正确，请解释一下如何正确地做

    <input type="text" id="inp">
    <button class="btn">Push to array</button>
    <button class="delete">Delete</button>
    <br><br>
    <div id="list"></div>

<script>

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);
    }
});

 del.addEventListener('click', function(){
    arr.pop();
    list.innerHTML = arr.join("<br>").trim();   
});

</script>

推送阵列
删除



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=输入值；
如果（valInp==''{return；}
arr.push（valInp）；
inp.value=“”；
list.innerHTML=arr.join（“
”）.trim（）；
函数toUpper（）{
arr.charAt（0.toUpperCase（）+arr.slice（1）；
}
});
del.addEventListener（'click'，function（）{
arr.pop（）；
list.innerHTML=arr.join（“
”）.trim（）；
});

您需要在某个地方调用

toUpper

，目前您只需在单击事件处理程序中定义它。最好从事件处理程序中定义它，因为它可以一次又一次地重用

您应该期望

toUpper

函数接受

字符串

（因为它应该对

字符串

，而不是在

arr

上，它是一个

数组

），然后返回一个将第一个字符转换为大写的新字符串

将转换后的字符串推送到该数组，就完成了

var-inp=document.getElementById（“inp”）；
var btn=document.querySelector（“.btn”）；
var list=document.querySelector（“#list”）；
var del=document.querySelector（“.delete”）；
var-arr=[]；
//将函数移出，因为它可以重用。
//输入是一个字符串，您需要返回toUppered字符串的结果。
函数toUpper（str）{
返回str.charAt（0.toUpperCase（）+str.slice（1）；
}
btn.addEventListener（'click'，function（）{
var valInp=输入值；
如果（valInp==''{return；}
//将插入的字符串推入数组。
arr.push（toUpper（valInp））；
inp.value=“”；
list.innerHTML=arr.join（“
”）.trim（）；
});
del.addEventListener（'click'，function（）{
arr.pop（）；
list.innerHTML=arr.join（“
”）.trim（）；
});

推送阵列
删除



你想把它叫到哪里？另外，数组不应该有
charAt
。你也可以“解释一下如何正确使用”吗？是的，我已经在代码中附加了一些解释和注释，希望它能更清楚地说明问题。@fuyushimoya谢谢你的解释。