Exercício O03 – JavaScript

10 março, 2009 (20:03) | exercícios | Por: admin

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 é t2, alterar o valor (atributo value) do próprio elemento clicado para o texto ‘Teste4

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>

Comentários

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! [...]