Buongiorno, colgo l'occasione del primo post per presentarmi, sono Gianluca, seguo il vostro forum da tempo, ho comprato anche alcune letture interessanti, e da poco ho deciso di approcciarmi alla programmazione più per diletto che per altro.
Sono partito con javascript, con tanta teoria, ma nella pratica, beh, ci sto andando piano.
Come primo "esercizio" ho pensato di realizzare un semplice script che cambi colore allo sfondo nella pagina HTML, premendo un tasto.
Questo è il codice HTML
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="core.js"></script>
<script type="text/javascript" src="cambiocolore.js"></script>
<title>Untitled Document</title>
</head>
<body id="bod">
<p class="cambiocolore" >Bianco</p>
</body>
</html>
Questo il codice cambiocolre.js
var Color =
{
init: function()
{
var change = document.getElementsByClass("cambiocolore");
change.onclick = Color.clickHandler;
},
clickHandler: function()
{
var sfondo = document.getElementById("bod");
sfondo.className += "class";
}
};
Core.start(Color);
In pratica, facendo click su "bianco" in HMTL, non mi aggiunge la classe all'elemento "bod", e quindi non richiama la relativa classe CSS.
Come mai? Dove sbaglio?
Grazie mille!
... volevo dire...dove la devo andare a piazzare...cioè in che file la devo andare a sostituire