Construindo um web site a partir do zero Parte III:. Adição de código de computador (JavaScript).
O que nos faremos
Neste capítulo, iremos:
- Criar um código de computador (JavaScript)
- Adicione um link para o script em suas páginas
Criar JavaScript
Na pasta demoweb, criar um novo arquivo script.js nomeados.
Coloque o seguinte código dentro do arquivo:
script.js
document.getElementById("foot01").innerHTML =
"<p>© " +
new Date().getFullYear()
+ " w3ii. All rights reserved.</p>";Editar a página inicial
Na pasta demoweb, edite o arquivo index.html.
Alterar o conteúdo para o seguinte:
index.html
<!DOCTYPE html>
<html>
<head>
<title>Our Company</title>
<link href="site.css" rel="stylesheet">
</head>
<body>
<div id="main">
<h1>Welcome to Our Company</h1>
<h2>Web Site Main Ingredients:</h2>
<p>Pages (HTML)</p>
<p>Style Sheets (CSS)</p>
<p>Computer Code (JavaScript)</p>
<p>Live Data (Files and Databases)</p>
<footer id="foot01"></footer>
</div>
<script src="script.js"></script>
</body>
</html>
Tente você mesmo " A página acima, é uma cópia da página do capítulo anterior, com um rodapé adicional, e um link para um script.
Editar a página Sobre
Para completar o seu trabalho, fazer as mesmas mudanças na about.html.
1. Adicione um elemento <footer>.
2. Inclua o script.
Alterar o conteúdo para o seguinte:
about.html
<!DOCTYPE html>
<html>
<head>
<title>About</title>
<link href="site.css" rel="stylesheet">
</head>
<body>
<div id="main">
<h1>About Us</h1>
<p>Lorem Ipsum Porem Lorem Ipsum Porem</p>
<footer id="foot01"></footer>
</div>
<script src="script.js"></script>
</body>
</html>
Tente você mesmo " Leia mais
Leia mais sobre JavaScript em nosso Tutorial JavaScript .