Ciao ragazzi, datemi una mano per favore, perché non so sa dove iniziare. Ho modificato questo codice a mio piacimento. Una volta cliccato il box, il testo interno cambia. Fin qui ok. Ma voglio che quando un utente clicca sul box e il testo cambia, la volta dopo che torna, ritrovi il box come l'ha lasciato. Cioè con il testo diverso da quello originale. E se sapete anche come fare, la modalita inversa per farlo tornare al punto di partenza, quindi l'utente ha la possibilità di eliminare l'elemento dai "preferiti"..

Grazie!

codice:
<!DOCTYPE html>
<html>


<div style="background-color:#D94A38;width:170px;height:50px;margin:0px;padding-top:8px;color:#ffffff;font-weight:bold;font-size:18px;float:left;-webkit-border-radius: 6px 6px 6px 6px !important;border-radius: 7px 7px 7px 7px !important;text-align:center;" onclick="clickMeEvent(this)">Aggiungi prodotto ai preferiti</div>


<script type="application/javascript">
	<!--
	function clickMeEvent(obj)
	{
	if (obj.innerHTML=="Goodbye")
		{
		obj.style.display="none";
		}


	else if (obj.innerHTML=="Aggiungi prodotto ai preferiti")
		{
		obj.innerHTML="Il prodotto è nei tuoi preferiti";		
		}
	else if (obj.innerHTML=="Aggiungi prodotto ai preferiti")
		{
		
		}
	}
	//-->
	</script>
</html>