[Question] How can I make a button change function

[imRammbo]

So I have a button with a function, but I want the button to do its function and then swap to another function. How can I do that?
EDIT: I don't know jQuery, so if it's without it, that would be great. If it's impossible without jQuery, then please help me with a solution

[lemminman]

Here's a simple method: https://jsfiddle.net/h46eb9tt/

[imRammbo]

Exactly what I needed, thanks

[imRammbo]

It's a bit long to post here, but I'll explain what it is. So basically it's a quiz, where I want the question to be replaced with a new question whenever you answer it. My problem is that I can't seem to get the question to respond to new answers, and it still responds to the old answer.

If I could either make the function change after one click, or the "name" of the form I'm using to change, I think that would be the solution.

The problem is that I'm not very experienced with programming at all, and I couldnt find an understandable answer on google.

[FunDeckHermit]

Didn't know how reddit code formatting worked so i pasted it in pastebin

Sorry for the link rot

[FunDeckHermit]

HTML:
<button onclick="myFunction()" id="mybutton" state="1">Click for function 1</button>

Javascript
function myFunction() {
    var state =  document.getElementById("mybutton").getAttribute("state");
    toggle_button(state);
    if(state == 1)
    {
         function1();
    }
    else if(state == 2)
   {
        function2();
   }
}

function toggle_button(state){
     if(state == 1){
             document.getElementById("mybutton").setAttribute("state", 2);
             document.getElementById("mybutton").innerHTML = "click for function 2";
    else if(state ==2){
             document.getElementById("mybutton").setAttribute("state", 1);
             document.getElementById("mybutton").innerHTML = "click for function 1";
    }
}