Bottoni

BOTTONE MAGICO

Questo testo cambierà se schiaccerai il bottone

E scoprirai che…

Oppure posso cambiare lo stile al testo

Sotto il codice inserito.

<button id="myButton">BOTTONE MAGICO</button>
<p id="text">Questo testo cambierà se schiaccerai il bottone</p>

<p id="text2">E scoprirai che... </p>

<p id="text3">Oppure posso cambiare lo stile al testo</p>

<script type="text/javascript">
document.getElementById("myButton").onclick = function() {
	//Questo codice cambia il contenuto
	document.getElementById("text").innerHTML = "Il testo è cambiato";
	
	//Questo codice aggiunge contenuto a quello presente
	document.getElementById("text2").innerHTML = document.getElementById("text2").innerHTML + " puoi aggiungere altro testo.";
	
	// Questo codice cambia lo stile al testo
	document.getElementById("text3").style.color = "red";
	document.getElementById("text3").style.fontSize = "24px";
}
</script>