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.

[ciro78]

non ho capito bene che vuoi fare ma hai un evento in un ciclo for. x.onclick.

[blinkshow87]

grazie per la risposta, vorrei che prima appaia a1 in automatico, poi tramite click appaia a2, poi di nuovo a1 in automatico, poi di nuovo tramite click a2, e così via

[ciro78]

se il problema è far ripartire il ciclo dopo il click basta chiamare il ciclo nella funzione a2 dopo l'inner

[blinkshow87]

se il problema è far ripartire il ciclo dopo il click basta chiamare il ciclo nella funzione a2 dopo l'inner

Come faccio a richiamare il ciclo se la funzione chiamata è all'interno del ciclo?

Grazie per la tua pazienza

[ciro78]

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

fuori dal ciclo

e al suo interno metti il ciclo in modo che dopo a2 sia inserito 9 volte a1

[blinkshow87]

Avevo tentato questa strada ma così il risultato è: a2 (click) a1 a1 a1 a1 a1 a1 a1 a1 a1
Invece quello che vorrei ottenere è: a1 | a2 (click) | a1 | a2 (click) | a1 | a2 (click) | a1 ... etc.

[Vindav]

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

senza ciclo