Mostrar texto despues de presionar boton

[Alexis88]

Una forma rápida de hacer esto consiste en lo siguiente:

1. Asigna una clase a los cuatro botones.
2. Establece una variable global cuyo valor inicial debe ser igual a cero.
3. Delega el evento click al documento.
4. Cada vez que se produzca dicho evento, verifica que el elemento clickeado posea la clase que asignaste a los botones.
5. De ser así, incrementas el valor de la variable global en uno.
6. Finalmente, verificas el valor actualizado de la variable y si es igual a 4 o al total de botones (si quisieras trabajar con más o menos botones), muestras el texto.

Un ejemplo:

Código HTML:

<button class = "ejemplo">Botón 1</button>
<button class = "ejemplo">Botón 2</button>
<button class = "ejemplo">Botón 3</button>
<button class = "ejemplo">Botón 4</button>
 
<div id = "foo">El texto</div>
 

Código Javascript:

document.addEventListener("DOMContentLoaded", function(){
    var total = 0;
    document.addEventListener("click", function(event){
        if (event.target.className == "ejemplo"){
            total++;
        }
 
        if (total == document.querySelectorAll(".ejemplo").length){
            document.querySelector("#foo").style.display = "block";
        }
    }, false);
}, false);
 

Para detectar al elemento afectado por el evento, utilicé la propiedad event.target.

Saludos