Cambio Sfondo

[ValerioKirin]

Salve a tutti, questo è il mio primo post sul forum. Sto cercando di imparare php e javascripte mi sono imbattuto in qualcosa che non riesco a risolvere. Vorrei cambiare lo sfondo di un div in questo modo, vi posto lo script.

<script>
function change(bgc)
{
document.getElementById("item").style.background="bgc";
}
</script>

<div id="item" style="width: 100px; height: 100px; background: green"></div>
<button onclick="change("red")">Rosso!</button>

Eppure non funziona. Se lascio la funzione senza variabile funziona, ovvero

function change()
{
document.getElementById("item").style.background="red";
}

Non so come farlo funzionare perchè io ho sempre creato una funzione javascript per ogni stile da cambiare, in questo caso ad esempio per ogni colore di sfondo, ma vorrei imparare con quest'altro metodo che mi sembra decisamente più sintetico.

[br1]

Stai usando una variabile, togli gli apici:

document.getElementById("item").style.background = bgc;

[ValerioKirin]

Adesso il mio codice è questo, ma ancora non funziona.

<script>
function change(bgc)
{
document.getElementById("item").style.background=bgc;
}
</script>

<div id="item" style="width: 100px; height: 100px; background: green"></div>
<button onclick="change("red")">Rosso!</button>

[ValerioKirin]

Ho risolto! Dovevo mettere un singolo apice nell'onclick perchè quello doppio racchiudeva già il comando ^^ Quindi:

<button onclick="change('red')">red</button>