Javascript - 點擊一次後更改按鈕的值和功能

Question

我有一個按鈕和3個功能。 當我點擊第一次它變成第二功能，如果我再次點擊它，它改變爲最後的功能 我不知道JavaScript。

Answer 1

i dont understand your question, i think you mean like this one button 

試一試，使用document.getElementById

<button id="btn" type="button" onclick="document.getElementById('btn').innerHTML = 'Hey There'">Try it</button>

Answer 2

試試這個，

與函數傳遞this。它會針對同一個點擊的按鈕元素

function change(that){ 
 
that.value="changed" 
 
that.innerHTML="changed" //for inner html change 
 
console.log(that.outerHTML) 
 
}

<button id="btn" type="button" onclick="change()">click</button>

對於單線路碼

<button id="btn" type="button" onclick="this.innerHTML='changed'">click</button>

Answer 3

<button type="button" onclick="a()">click</button> 

的javascript

var a = (function() { 
    var clicked = 0; 
    return function() { 
     clicked++; 
     if (clicked == 1) f1(); // improve this part 
     if (clicked == 2) f2(); 
     if (clicked == 3) f3(); 
    } 

})() 

function f1() { 
    alert(1) 
} 

function f2() { 
    alert(2) 
} 

function f3() { 
    alert(3) 
} 

demo

Answer 4

function change(that){ 
     that.value="Changed" 
     that.innerHTML="Changed" 
} 

<button id="btn" type="button" onclick="change(this)">click</button 


     or 


<button id="btn" type="button" onclick = "this.innerHTML = 'Changed'" > click </button> 

或

<button id="btn" type="button" onclick = "document.getElementById('btn').innerHTML = 'Changed' "> Try it </button>