You seem to be in a bit over your head. For example:
var x = document.getElementById("btn_1");
document.getElementById("btn_1").innerHTML += "Output!!<br>"
What is the purpose of the first line? I mean that both literally (what is it supposed to be doing) and figuratively: why did you do it considering the next line?
var x = document.getElementById("btn_1");
xinnerHTML += "Output!!<br>"
makes use of your first line - but the second line, alone (as you originally had it) is enough since you only make use of this object once.
Now, as for hiding data, you'd be better off using 'visible' and 'hidden' styles. What you're trying to do is not hiding/unhiding but replacing. As to why it doesn't work? Well, without seeing your HTML I couldn't say.