为什么以下 button/javascript 代码不起作用？

Question

该按钮可见但不创建警报。我已经尝试将 JS 链接到外部文件，但这也不起作用。我已经在 Chrome、Safari 和 Firefox 上尝试了代码。

完整代码如下：

<head>
    <link rel="stylesheet" href="css/style.css" />
    <title> My First Webpage </title>
    <script type="text/javascript">

     <!--       
            function sayHello{
                alert("Hello World");
            }
    //-->

     </script> 

</head>

<body>

    <div id="main_pic">
        <h1>Hello!</h1>
        <a href="about/second.html">Go to second page </a>
        <br><br><br>
        <img src="img/IMG_9115.JPG" alt="Me and my friend" height="300" width="400" />
    </div>
    <div id="list1">
        <h3>Unordered List</h3>
        <ul>
            <li class="color_to_blue">One</li>
            <li class="color_to_blue">Two</li>
            <li id="no_3_red">Three</li>
            <li>Four</li>
        </ul>
    </div>
    <input type="button" onclick="sayHello()" value="Say Hello World" />

</body>

Answer 1

您的浏览器在开发者工具中有一个控制台。使用它！

Uncaught SyntaxError: Unexpected token {

函数声明的语法是：

function - 关键字
identifier - 函数名
(
参数列表
)
{
函数体
}

您错过了 (argument list).

Answer 2

如果您打开浏览器的 Web 控制台，它会告诉您原因。

具体来说，它会告诉你语法错误：

function sayHello{
// Here ---------^
    alert("Hello World");
}

那里需要()。

Answer 3

你需要 ()

您的函数标记包含方括号。

你怎么能错过呢。

在发布您的问题之前，请始终检查浏览器控制台。你可以很容易地抓住一些错误

为什么以下 button/javascript 代码不起作用？

Why is the following button/javascript code not working?

html

javascript

button