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

Question

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) => {
     
      }

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

Answer 1

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

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) => {
     .....