Cambiare colore ad un button

Vincenzo Luongo

Nuovo Utente
15 Feb 2016
2
0
0
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>
 
Codice:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento senza titolo</title>
<style type="text/css">
#event {
	background: #000DFF; /*qui cambi colore allo sfondo*/
	color: #FFFFFF; /*qui cambi colore al testo*/
	width: 100px; /*qui cambi la larghezza*/
	height: :60px; /*qui cambi l'altezza*/
	font-weight: bold; /*Spessore testo*/
	
}
</style>
</head>

<body>
<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> 
</body>
</html>
 
Hai sbagliato qualche cosa nel copiare il mio esempio perchè funziona tutto bene! Ricontrolla!
Io lo ho testato e funziona sia i colori e le dimensioni che il click
 

Discussioni simili