尝试在不编辑html代码的情况下更改按钮的文本

Question

I'm trying to change the text of the button without editing the HTML code but it doesn't really work

Here is the code:

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

If I may suggest:

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

I've put the gamebutton in a variable so it is only referenced once. Since this is a function connected to an onclick event, naming the function is not needed. Also, you are not passing or using any arguments, so there is no need to put anything between the ().

Answer 2

try this code

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