使用参数调用函数并将其放置在获取请求中

如何解决使用参数调用函数并将其放置在获取请求中

input.addEventListener('keypress',function (e) {
  if (e.key === 'Enter') {
    getData();
  }
});

function getData() {
  let getSearchInput = document.getElementById("search-input").value;
  fetch(`https://pokeapi.co/api/v2/pokemon/${getSearchInput}`)
    .then((response) => response.json())
    .then((data) => {
     
      }

如何使用将动态替换“getSearchInput”变量的参数调用函数 getData？我希望能够在我的代码中的不同点调用具有不同 url 结尾的 getData 函数。感谢帮助！！

解决方法

您可以将值作为参数传递并根据条件检查该值是否存在

function getData(val) { // param
  let getSearchInput = val ? val : document.getElementById("search-input").value;
  fetch(`https://pokeapi.co/api/v2/pokemon/${getSearchInput}`)
    .then((response) => response.json())
    .then((data) => {
     .....