Ukrycie tabeli i pokazanie innej, oraz zmiana buttona

Question

Mam problem, bo nie pokazuje drugiej tabeli i nie zmienia buttona

function show() 
        {
                document.getElementById("table1").style.display="none";
                document.getElementById("table2").style.display="inline-block";
                document.getElementById("changing_button").textContent="button1";
                document.getElementById("changing_button").onClick="show2()";
            }

            function show2() 
            {
                document.getElementById("table1").style.display="inline-block";
                document.getElementById("table2").style.display="none";
                document.getElementById("changing_button").textContent="button2";
                document.getElementById("changing_button").onClick="show()";
            }

<style>
#table2
{
	display: none;
}
</style>

 

Answer 1

zamiast:

document.getElementById("changing_button").onClick="show()"

napisz:

document.getElementById("changing_button").onclick=show

i tak samo w show1()

Answer 2

Problem prawdopodobnie leży w tym, że nigdzie nie wywołujesz tej funkcji.