He estado un momento intentando leer tu código y debo admitirlo, me resultó un poco ambiguo, porque hay como unas funciones muy simples y mucho espacio en blanco. Voy a ver si he entendido lo que quieres lograr.
Por lo que entiendo de tu enunciado, quieres que cada 3 veces que hagas click en un botón tome cierta acción, que en este caso es un alert().
Tienes tres funciones escritas pero solo te bastaría una para conseguir lo que tu quieres lograr, esto se podría llamar refactorización en este caso, porque estamos simplificando nuestro código para obtener las mismas funcionalidades que teníamos antes con un menor coste de recursos.
1 - Antes que nada, comentarte que el objeto window dispone de un método llamado onLoad(), el cual lo que suceda dentro de su bloque de código, lo hará después de cargar la estructura de tu DOM. Así podemos deshacernos de ese primer Listener que tienes para cargar, se quedaría así:
window.onload = loadEvents; // Cabe destacar que no hace falta declararla con ()
function loadEvents() {
// Accion a realizar al cargar el DOM
var contador = 0; //Nuestra variable que recogerá los clicks del botón.
playButton = document.getElementById('play');
// Guardamos nuestro botón en una variable para acceder a ella.
}
2 - Vale, con nuestra función de carga escrita y conseguido acceder a nuestro botón, podemos disponernos a conseguir la interacción con ese botón:
function loadEvents() {
var contador = 0;
playButton = document.getElementById('play');
//Se puede añadir el Listener a la variable para mejor legibilidad.
playButton.addEventListener('click', cuentaClicks, false);
}
3 - Nuestra función cuentaClicks esta declarada en el Listener pero no codificada, así que vamos a ello:
function cuentaClicks() {
if (contador < 3) {
contador++; // Esto es similar a => contador = contador + 1
} else {
alert('yai!'); //Después de tres clicks se muestra nuestro alert()
contador = 0; // Reiniciamos el contador para usarlo de nuevo.
}
}
4 - Nuestro código final quedaría así:
<script>
window.onload = loadEvents;
function loadEvents() {
var contador = 0; // Variable global que utilizaremos de contador
playButton = document.getElementById('play');
//Se puede añadir el Listener a la variable para mejor legibilidad.
playButton.addEventListener('click', cuentaClicks, false);
}
function cuentaClicks() {
if (contador < 3) {
contador++; // Esto es similar a => contador = contador + 1
} else {
alert('yai!'); //Después de tres clicks se muestra nuestro alert()
contador = 0; // Reiniciamos el contador para usarlo de nuevo.
}
}
</script>
5 - ¡Un saludo! y espero que respondas si te ha funcionado o no :)