01.18 Diogo Pires

    1. 18. TEMA III: Separar o JavaScript do HTML

    2. PARTE I


    4. 1. Chegou a altura de separar o Javacript do HTML, e colocá-lo no seu próprio ficheiro.

    5. 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)

    6. <!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.