Ho creato un button che quando ci clicchi sopra mostra del contenuto sotto, vorrei cambiare colore, altezza e larghezza ma non ho idea di come si faccia
il codice che uso è questo:
<script>
window.onload=function(){
var event = document.getElementById("event");
event.onclick=function(){
var event = document.getElementById("event");
var content = document.getElementById("contenuto");
if(content.style.display == "none") {
content.style.display = "";
event.innerHTML = "Nascondi";
}
else {
content.style.display = "none";
event.innerHTML = "Mostra";
}
}
}
</script>
<button id="event">Mostra</button>
<div id="contenuto" style="display:none">
blablabla
</div>
il codice che uso è questo:
<script>
window.onload=function(){
var event = document.getElementById("event");
event.onclick=function(){
var event = document.getElementById("event");
var content = document.getElementById("contenuto");
if(content.style.display == "none") {
content.style.display = "";
event.innerHTML = "Nascondi";
}
else {
content.style.display = "none";
event.innerHTML = "Mostra";
}
}
}
</script>
<button id="event">Mostra</button>
<div id="contenuto" style="display:none">
blablabla
</div>