TypeError：菜单不是功能

Question

我有这个错误，我找不到为什么不能正确调用菜单的功能，但它却说不是。错误（TypeError：菜单不是函数），我试图将其移到调用它的HTML之前，但是没有用。

<script>
    var dropdown = document.querySelector("nav .dropdown");
    var menu = document.querySelector("nav div .menu");

    function menu()
    {
        if(dropdown.style.display === "none")
        {
            dropdown.style.display = "grid";
        }
        else
        {
            dropdown.style.display = "none";
        }
    } </script>

<input class="button" type="button" onclick="location.href='Controller/logout.php';" value="logout" /> <nav>
    <div class="content">
        <div class="links">
            <a href="Home">Home</a>
            <a href="Portfolio">Portfolio</a>
            <a href="Reviews">Reviews</a>
        </div>
        <i class="material-icons menu" onclick="menu()">menu</i>
    </div>
    <div class="dropdown">
        <a href="Home">Home</a>
        <a href="Portfolio">Portfolio</a>
        <a href="Reviews">Reviews</a>
    </div> </nav>

Answer 1

由于命名问题，这可能会返回错误。因为Menu is not a function首先用var初始化，然后用function重新定义。尝试重命名任何一个变量（甚至删除第一个变量，因为它从未使用过）

Answer 2

这不起作用，因为您将“菜单”声明为html类和JS函数。只需在两个地方重命名您的函数即可。