Dunque, non ho mai usato JavaScript ma ora ho la necessità di creare un widget per la mia applicazione che, incorporato nella pagina di un sito terzo, mostri alcune informazioni.
Quindi, questa mi pare una buona occasione per cominciare a sporcarmi le mani.
Ecco allora cosa ho fatto:
1) Ho creato un file widget.js e un file demo.html.
Il codice di widget.js
codice:
document.getElementById('demo').innerHTML = Date();
Il codice del file demo.html
codice:
<!DOCTYPE html>
<html lang="it">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="UTF-8" />
<meta name="generator" content="Aerendir's Hands at Serendipity HQ" />
<title>Widget demo page</title>
</head>
<body>
<h1>Pagina demo del widget di TrustBack.Me</h1>
<script src="widget.js"></script>
<p id="demo"></p>
</body>
</html>
Ovviamente nel tag p non compare assolutamente nulla
POtreste cominciare a mettermi sulla giusta via?
Sto leggendo la guida di HTML.it a JavaScript e per come la vedo io dovrebbe funzionare!
Però, guardando la console di Chrome, il messaggio di errore è questo:
Uncaught TypeError: Cannot set property 'innerHTML' of null
Mi servirebbe aiuto per capire
1) Perchè dice che è "null"
2) Come faccio a valorizzare "innerHTML"
Grazie!