Salve a tutti. Se possibile avrei bisogno di una mano. Sono nuovissimo con il Javascript ma ho buone basi di HTML e CSS. Vi spiego quale è il mio problema. Io ho un
codice:
<div class="menu"></div>
cje non compare nella gestione html, quindi non lo posso toccare e non posso farci nulla, posso solo modificarlo tramite CSS. Proprio tramite CSS gli ho dato un opacity: 0 e vorrei che, cliccando su un elemento esterno, l'opacità diventasse 1.
Ho provato a fare
codice:
function showOpacity()
{
document.write('<style>.menu {opacity: 1}</style>')
}
e poi
codice:
<div onclick="showOpacity()"></div>
ma a quanto pare non è possibile trattenere il codice nella stessa pagina già caricata.
Avevo pensato di fare un
codice:
function showOpacity() { 
document.getElementByClass('menu').style.opacity="1" 
}
ma ho letto che una sintassi del genere non esiste/non funziona, il che mi sembra stupido visto che esiste la stessa sintassi per gli Id.
Aggiungo che, cercando su google, ho letto di un utilizzo di inner.HTML, ed ho provato ad utilizzarlo ma molto, come dire... Alla buona. Essendo nuovo con il JS non sono capace di usare questo inner.HTML, quindi preferirei fare in un altro modo. Se c'è qualche altro modo è meglio, altrimenti vi prego di spiegarmi dettagliatamente cosa fare.