試圖改變按鈕上的文字，而無需編輯HTML代碼

Question

我試圖改變按鈕上的文字，而無需編輯HTML代碼，但它並沒有真正的工作

下面是代碼：

document.querySelector(".game-button").onClick = function knop(knop) { 
    document.querySelector(".game-button").innerHTML = "Reset spel"; 
} 

HTML：

<button class="game-button">Start spel</button> 

Answer 1

試試這個代碼

document.querySelector(".game-button").onClick = function knop() { 
    this.innerHTML = "Reset spel"; 
} 

Answer 2

如果我可以建議：

var gameButton = document.querySelector(".game-button") 
gameButton.onclick = function() { 
    gameButton.innerHTML = "Reset spel"; 
} 

我已經把gamebutton在一個變量，所以只能通過引用一次。 由於這是一個連接到onclick事件的函數，因此不需要命名該函數。另外，你沒有傳遞或使用任何參數，所以不需要在（）之間放置任何東西。