Introdução à Internet
<html>
<head>
<!-- Javascript por Fernando Ramalho --> <!-- Tag de comentários HTML -->
<title> Teste com Javascript </title>
<script type="text/javascript"> // Tag que informa o browser do começo do Javascript
var i = 0; // variavél iniciada com o valor 0
function teste(){ // função Onde tudo acontece depois da página carregada.
i = i + 1; // Á variável i soma-se 1. Pode ser simplificado para i++
ver.innerHTML = " Clicou " + i + " vezes."; // Atribui á div com id = ver o conteudo: " Clicou " + i + " vezes.";
} // chave de fim de função
</script> <!-- Tag de fim do Javascript -->
</head>
<body>
<div id="ver"> Clique no Botão </div> <!-- id="ver" Identificação da div que permite ao Javascript actuar sobre ela. -->
<p>
<button onclick="teste()"> TESTE </button>
</body>
</html>
Este script embora muito simples permite perceber alguns conceitos bases muito úteis para quem inicia a aprendizagem de Javascript, como sejam:
·onclick="teste()" faz uma chamada á função quando se clica no botão “TESTE”.
·id="ver" Identificação pela qual é conhecida a DIV que permite ao Javascript actuar sobre ela.
·ver.innerHTML Permite aceder ao conteúdo da DIV e alterá-lo. Por motivos de compatibilidade entre os browsers deve ser substituído por document.getElementById("ver").innerHTML
. Selecione todo o texto entre as Tags <html> e </html> incluindo as próprias Tags e cole no bloco de notas do windows. . Guarde como teste.html. . Abra teste.html com o browser
Pode assim testar o script.