我可以在我的代码中的什么地方放置 .lowerCase() 以使其正常运行？答案

【问题标题】：Where in my code can I put .lowerCase() to make it function?我可以在我的代码中的什么地方放置 .lowerCase() 以使其正常运行？
【发布时间】：2022-12-19 19:19:22
【问题描述】：

（我是 Javascript 的新手，还在学习中！）

我想让在搜索字段中同时写小写和大写成为可能。我可以在哪里放置 .lowerCase()？我试过将它放在 .value 之后，但它对我不起作用。

这是我的代码：

btn.onclick = function () {

  var searchedByUser = subregionTxt.value;

  for (var i = 0; i < countriesAmericaArray.length; i++) {
    if (countriesAmericaArray[i].subregion.includes(searchedByUser)) {
      outputDiv.innerHTML += `
                <h1>${countriesAmericaArray[i].name.common}</h1>
                <p>Antall innbyggere: ${countriesAmericaArray[i].population}</p>
                <p>Subregion: ${countriesAmericaArray[i].subregion} </p>
                <img src="${countriesAmericaArray[i].flag.png}"> 
                `;
    }
  }

  if (!subregionTxt.value) {
    alert("You have to write something!");
  }

};

我想让在搜索字段中同时写小写和大写成为可能。我可以在哪里放置 .lowerCase()？我试过将它放在 .value 之后，但它对我不起作用。

【问题讨论】：

标签： javascript html css lowercase

【解决方案1】：

你可以这样尝试：

btn.onclick = function () {

  var searchedByUser = subregionTxt.value. toLowerCase();

  for (var i = 0; i < countriesAmericaArray.length; i++) {
    if (countriesAmericaArray[i].subregion. toLowerCase().indexOf(searchedByUser.toLowerCase()) ==-1) {
      outputDiv.innerHTML += `
                <h1>${countriesAmericaArray[i].name.common}</h1>
                <p>Antall innbyggere: ${countriesAmericaArray[i].population}</p>
                <p>Subregion: ${countriesAmericaArray[i].subregion} </p>
                <img src="${countriesAmericaArray[i].flag.png}"> 
                `;
    }
  }

  if (!subregionTxt.value) {
    alert("You have to write something!");
  }

};

【讨论】：