javascript - 構文エラーの原因がわかりません

Question

ここに非常に小さな関数があり、「ステートメントの前に行がありません」という構文エラーが発生し続けます。私はこれを何度も何度も見てきましたが、何が間違っていたのかわかりません。

generate() {
 var generateButton = document.getElementById("generateButton");
 generateButton.onclick = addBox;
}

Answer 1

JavaScript では、関数を宣言するときに次のfunctionキーワードを使用する必要があります。

function generate() {
    var generateButton = document.getElementById("generateButton");
    generateButton.onclick = addBox;
}

次のようにすることもできます。

var generate = function() {
    var generateButton = document.getElementById("generateButton");
    generateButton.onclick = addBox;
}

編集：

@ jerome.sが指摘したように、2番目の宣言では、関数は宣言された後generateにのみ呼び出すことができるのに対し、最初の宣言にはこの要件がないことを覚えておくことが重要です

Answer 2

addBox のキーワード関数と関数定義が欠落している

function generate() {
    var generateButton = document.getElementById("generateButton");
    generateButton.onclick = addBox;
}
function addBox()
{
    alert('button clicked');
}