Exercício O03 – JavaScript
Este é um exercício opcional, mas é altamente recomendável que você o faça. Exercícios opcionais podem (ou não) ser usados em uma avaliação, mas sempre são úteis para explorar algum conceito importante em nossa disciplina.
1) Acesse o link do Poster sobre a Linguagem JavaScript. Imprima e tenha este poster como referência para nossa disciplina!
2) Execute, compreenda e teste os exemplos E1 até H6. Observe que tais exemplos são gerados a partir dos fragmentos anteriores (A1 até D7).
3) Baseado nestes exemplos agora resolva o exercício que segue dentro da linha indicada (linha 31) no código HTML abaixo:
Ao clicar no elemento cujo id é p3, exibir janela de mensagem com o conteúdo do próprio elemento (this).
4) Após terminar este exercício, entregue no link, ou após o código HTML.
IMPORTANTE: Observe que esta página é gerada dinamicamente, ou seja, cada vez que você atualiza a página um novo exercício é gerado!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>Minha Página</title>
<style type="text/css">
body { font-family: Verdana;}
.titulo { background: #ccc; }
.a { color: red; }
.b { color: green; }
.c { color: blue;}
</style>
</head>
<body>
<h1 id="title1" class="titulo">JavaScript</h1>
<h2 id="title2" class="titulo">O que é?</h2>
<p id="p1">JavaScript é uma linguagem de programação.</p>
<p id="p2">JavaScript é uma linguagem de scripting.</p>
<p id="p3">É uma linguagem multiplataforma, podendo ser executada em diversos navegadores.</p>
<h2 id="title3" class="titulo">Comparação com o Java</h2>
<p id="p4">Em JavaScript a herança é feita por um mecanismo de prototipação. Em Java os objetos se dividem em classes e instâncias.</p>
<h2 id="title4" class="titulo">Exemplo de Código em JavaScript</h2>
<pre id="alerta01">alert("Ola Mundo");</pre>
<h3 id="title5" class="titulo">Comentários:</h3>
<form action="">
<input type="text" value="digite seu comentário" id="t1">
<input type="text" value="digite seu nome" id="t2">
<input type="button" id="bt01" value="Enviar Texto">
<input type="button" id="bt02" value="Ajuda">
</form>
<script type="text/javascript">
// Resolva aqui o seu exercício
</script>
</body>
</html>
Pingback de Laboratório de Informática 1 e 2 (2009) » Poster JavaScript
Data: 11 de março de 2009 Hora: 15:12
[...] Após executarem TODOS os códigos, resolvam o exercício O03! [...]