Funzioni in sequenza condizionate dalla scelta dell'utente

[blinkshow87]

Buona domenica, espongo il mio problema:
Ho due funzioni che inseriscono degli elementi HTML nella pagina, una in modo automatico, l'altra in base al click dell'utente:

var x = document.getElementById('p');
function a1() {
    x.innerHTML += ' a1';
}
function a2() {
    x.innerHTML += ' a2';
}
for (z = 0; z < 9; z++) {


a1();


x.onclick = function () {
    a2();
};
}

Vorrei che ad ogni ripetizione, il ciclo compia questa sequenza per il numero di volte del for (9):
- prima a1() una sola volta;
- poi a2() tramite il click dell'utente;
poi ricomincia
Invece il codice sopra mi fa apparire a1() nove volte e a2() tante volte quanto clicco.

Grazie a tutti per l'aiuto.