Ciao a tutti, sono nuovo, volevo chiedervi delle delucidazioni in merito a un esercizio che ho fatto e non ne vengo a capo essendo poco esperto. Spero mi possiate dare una mano voi..Dunque il testo è il seguente:

Si ottenga grazie a javascript una pagina html avente un titolo seguito da un paragrafo contenente 100 elementi di tipo [i] contenenti i primi 100 numeri interi.
Cliccando su 1 qualsiasi di questi, l'elemento su cui si è cliccato deve cambiare colore del proprio sfondo da bianco a rosso e viceversa.
Cliccando sul titolo deve apparire, in un apposito spazio sotto il titolo il numero che compariva all'interno dell'ultimo elemento [i] cliccato.

<html>
<head>
<script>

document.getElementById("1").innerHTMl=prova;

</script>
</head>

<body>
<script>

document.write("<center><h1>Titolo</h1>
<p id='num'></center>");
for(i=1;i<101;i++){
document.write("<p id="+i+" onclick='elementi(this);'>"+"<"+i +">");
}

</script>
</body>

</html>


Mi sono incasinato perchè non so come considerare gli elementi [i], oggetti, numeri? Sono all'interno poi di un solo paragrafo...se sono oggetti, non posso usare event.target in modo da farli diventare rossi!
Se c'è qualcuno in gradi di aiutarmi anche per la seconda parte del casino gli sarei molto grato!!!