javascript - Uncaught ReferenceError : Crime is not defined at HTMLAnchorElement. onclick

Question

<div class="dropdown-content">
                    <a onclick="genreInput(Crime)">Crime</a>
                    <a onclick="genreInput(Thriller)">Thriller</a>
                    <a onclick="genreInput(Drama)">Drama</a>
                    <a onclick="genreInput(Mystery)">Mystery</a>
                    <a onclick="genreInput(War)">War</a>
                    <a onclick="genreInput(Comedy)">Comedy</a>
function genreInput(Input){return Input};

   function genre(){
  let newArray = movies.map((input)=>{
    return{
      title : input.title,
      genre : input.genre
    }
    });
    let filter = newArray.filter((input)=>{
      let x = genreInput();
      if(input.genre.includes(x)){
        return input.title
      }
    });
    document.getElementById('mainDiv').innerHTML = filer;
}

当我单击该函数应该用于其他函数的按钮时，我得到了未定义的信息。我该怎么办。

Answer 1

<div class="dropdown-content">
  <a onclick="genreInput('Crime')">Crime</a>
  <a onclick="genreInput('Thriller')">Thriller</a>
  <a onclick="genreInput('Drama')">Drama</a>
  <a onclick="genreInput('Mystery')">Mystery</a>
  <a onclick="genreInput('War')">War</a>
  <a onclick="genreInput('Comedy')">Comedy</a>
</div>

用''将单词括起来

此外，我发现了 1 个拼写错误

function genre() {
  let newArray = movies.map((input) => {
    return {
      title: input.title,
      genre: input.genre
    }
  });
  let filter = newArray.filter((input) => {
    let x = genreInput();
    if (input.genre.includes(x)) {
      return input.title
    }
  });
  document.getElementById('mainDiv').innerHTML = filter;
}

我修正了你代码中的一些错误，但我不知道你在做什么，使用不当的东西太多了。