如何在單擊按鈕時將首字母設置為大寫

Question

當我單擊按鈕並且它出現在網頁上時，我想對upUpCase（）;做第一個字母； 但我不知道如何正確。 我是這樣的：

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>

Answer 1

1. 您需要在某個地方調用該toUpper ，當前您只需要在該click事件處理程序中定義它即可。 最好從該事件處理程序中定義它，因為它可以一次又一次地被重用。

2. 您應該期望toUpper函數接受一個string （因為它應該對string做某事，但不能對arr array ），然后返回一個新字符串，該字符串將第一個char轉換為大寫。

3. 將轉換后的字符串推入該數組，即可完成。

 var inp = document.getElementById("inp"); var btn = document.querySelector(".btn"); var list = document.querySelector('#list'); var del = document.querySelector(".delete"); var arr = []; // Move the function out, as it can be reused. // Input is a string, and you need to return the result of the toUppered string. function toUpper(str) { return str.charAt(0).toUpperCase() + str.slice(1); } btn.addEventListener('click', function() { var valInp = inp.value; if (valInp === '') { return; } // Push the toUppered string into array. arr.push(toUpper(valInp)); inp.value = ""; list.innerHTML = arr.join("<br>").trim(); }); del.addEventListener('click', function(){ arr.pop(); list.innerHTML = arr.join("<br>").trim(); }); 

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