Introdução à Internet

Fonte: Wikiversidade
Saltar para a navegação Saltar para a pesquisa
<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.