Creo que si anaizas tantito el ejemplo que te ya te dio omarMusic, debería bastarte para entender de sobra como hacer lo que quieres, pero a ver si esto te basta para entenderlo:
Código:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>boton</title>
</head>
<body>
<input type="button" id="btn-1" value="Botón 1" onclick="mostrarBoton2()"/>
<input type="button" id="btn-2" value="Botón 2" onclick="mostrarBoton1()" style="display: none;"/>
<script>
var btn_1 = document.getElementById('btn-1');
var btn_2 = document.getElementById('btn-2');
function mostrarBoton2 () {
btn_1.style.display = 'none';
btn_2.style.display = 'inline';
}
function mostrarBoton1 () {
btn_2.style.display = 'none';
btn_1.style.display = 'inline';
}
</script>
</body>
</html>
kj