Salve a tutti. Spero nella collaborazione di qualche anima pia per risolver un problema idiota.
la situazione è la seguente.

<div id="x" onclick="scegliTesto(1)">A</div>
<div id="y" onclick="scegliTesto(2)">B</div>
<div id="z" onclick="scegliTesto(3)">C</div>

il mio obiettivo è richiamare tramite funzione javascript, cliccando su A o B o C lo specifico testo in un div apposito

<div id="contenitore"></div>

la funzione javascript (dichiarata nell'head) è la seguente:

function scegliTesto(i)
{
var el = document.getElementById("contenitore");

if(i == 1)
{
el.innerHTML =

testo 1</p>;
}

else if(i == 2)
{
el.innerHTML =

testo 2</p>;
}

else if(i == 3)
{
el.innerHTML =

testo 3</p>;
}

return el;
}

(se metto il tag

testo</p> tra gli apici mi da errore)

Tralasciando che, molto probabilmente, il testo va prima svuotato e poi scritto ad ogni click (almeno che innerHTML non sovrascrive, e non ne ho idea).

Eseguo, ma al click non succede nulla e non riesco a capire dove sbaglio. Dico come ulteriore informazione che il div dove il testo deve apparire è contenuto in un altro div ma non credo cambi qualcosa, visto che prendo l'elemento tramite id.