18. TEMA III: Separar o JavaScript do HTML
PARTE I
1. Chegou a altura de separar o Javacript do HTML, e colocá-lo no seu próprio ficheiro.
Para realizar isto devemos abrir a nossa página de HTML e selecionar todo o código que estiver entre as tags <script> (sem incluir as mesmas)
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>My First JavaScript</title>
</head>
<body>
<script>
var word = "bottles";
var count = 99;
while (count > 0) {
console.log (count + " " + word + " of beer on the wall");
console.log (count + " " + word + " of beer,");
console.log ("Take one down, pass it around,");
count = count - 1;
if (count > 0) {
console.log(count + " " + word + " of beer on the wall.");
} else {
console.log("No more " + word + " of beer on the wall.");
}
}
</script>
</body>
</html>
2. De seguida criamos um novo ficheiro e chamamos-lhe “code. js”
PARTE II
3. Depois adicionamos uma referência a novo ficheiro code.js no nosso HTML utilizando a <src> tag dentro das script tags
4. Por último temos apenas de testar o código.