Exercício F09 – Agenda em JavaScript
Carregando…
PUCPR > Bacharelado em Sistemas de Informação > 1o e 2o Períodos
Carregando…
Na aula passada, nós tivemos nosso primeiro contato com a linguagem JavaScript.
Hoje, desenvolveremos um exemplo prático de um aplicativo nesta linguagem.
Faremos o protótipo de uma agenda de contatos. A implementação desta agenda será útil para ilustrar como é a prática de trabalho com JavaScript, como depuramos nosso código e, principalmente, como representamos objetos e vetores.
Esta [...]
<!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=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
#resultado { font-size: xx-large; color: red;}
</style>
</head>
<body>
<form action="">
<label for="nome">Nome: </label>
<input type="text" name="nome" id="nome"><br>
<label for="peso">Peso:</label>
<input type="text" name="peso" id="peso"><br>
<label for="altura">Altura:</label>
<input type="text" name="altura" id="altura"><br>
<input type="button" value="Calcular IMC"
id="btIMC" name="btIMC">
</form>
<div id="resultado"></div>
<script type="text/javascript">
var calcularIMC = function () {
var nome, peso, altura, imc;
nome = document.getElementById("nome").value;
peso = document.getElementById("peso").value;
altura = document.getElementById("altura").value;
imc = peso / [...]
Resumo referente à aula:
http://www.brunocampagnolo.com/2009_2/js/intro/
Comentários