Precisa de um freelancer, códigos-fonte e exemplos completos? Bem-vindo(a) ao meu site. Além de realizar alguns serviços como freelancer eu tenho alguns códigos-fonte e exemplos completos de Java, Delphi, PHP, Python, C/C++, Hibernate, JPA, Spring, JSP, Servlets, Ruby, Ruby On Rails e muitas outras linguagens e frameworks. Veja como falar comigo clicando aqui.
Se você me seguiu até este ponto e entendeu
bem os conceitos que eu propus até o momento, está
preparado para criar um programa em Javascript. Já posso
ver os seus olhos brilhando. Um programa? É isso mesmo.
Você pode usar as suas páginas web como se elas
fossem uma plataforma de programação. Vamos ao
nosso código:
O nosso programa deixa o usuário escolher um estado e
assim poder visualizar em uma caixa de texto a capital correspondente.
Como o nosso programa é apenas ilustrativo, eu não
colocarei todos os estados e as capitais. Esta tarefa fica para
você. Observe que usaremos a instrução switch
neste código. Para ter uma idéia do que vamos
fazer, dê uma olhada na figura seguinte:
Aqui está o código:
<html>
<head>
<title>Estados e Capitais</title>
</head>
<body>
<form name="form1">
Por favor escolha um estado:<br>
<select name="estados" onchange="ver_estado()">
<option value="-1">Selecione
um estado</option>
<option value="Goiás">Goiás</option>
<option value="Mato Grosso">Mato
Grosso</option>
<option value="Paraná">Paraná</option>
<option value="São Paulo">São
Paulo</option>
<option value="Rio de Janeiro">Rio
de Janeiro</option>
<option value="Tocantins">Tocantins</option>
</select><br>
Esta é a capital deste estado:<br>
<input type="text" name="capital">
</form>
<script type="text/javascript">
<!--
function ver_estado(){
var estado = document.form1.estados.value;
switch(estado){
case 'Goiás':{
document.form1.capital.value
= 'Goiânia';
break;
}
case 'Mato Grosso':{
document.form1.capital.value
= 'Cuiabá';
break;
}
case 'Paraná':{
document.form1.capital.value
= 'Curitiba';
break;
}
case 'São Paulo':{
document.form1.capital.value
= 'São Paulo';
break;
}
case 'Rio de Janeiro':{
document.form1.capital.value
= 'Rio de Janeiro';
break;
}
case 'Tocantins':{
document.form1.capital.value
= 'Palmas';
break;
}
default:{
document.form1.capital.value
= '';
}
}
}
//-->
</script>
</body>
</html>
Execute o código e veja o resultado você mesmo.
Aqui nós podemos ver perfeitamente como é fácil
transformar as nossas páginas web em verdadeiros programas.
Tudo que você tem a fazer é estudar e estudar.
Vamos ver alguns conceitos usados neste código:
Primeiro nós criamos um formulário com uma caixa
de combinação (combo) e uma caixa de texto. Quando
o usuário seleciona um estado na caixa de combinação,
nós usamos o evento onchange desse componente
para chamar a função e exibir na caixa de texto
a capital correspondente. Eventos são muito importantes
na programação em Javascript e serão vistos
mais adiante. Se você já tem um conhecimento bom
de HTML, conseguirá construir este programa sem ter que
usar todo este código. O motivo pelo qual eu resolvi
aplicar este método é que este tipo de programa
é ótimo para exemplificar o uso da instrução
switch.
Todo o conteúdo deste site,
quando não devidamente observado, pertence a seus idealizadores
e não
poderá ser usado para outras finalidades senão estudo e
aprimoramento de técnicas de programação.
Certifique-se de ler asnotas legaisantes de proceder com
o acesso e leitura do
conteúdo disponibilizado nestas páginas.
Precisa de um freelancer, códigos-fonte e exemplos completos?
Códigos-fonte 
Bancos de Dados
Usuários On-Line
Parte 6 - Construindo o programa
Estados & Capitais
Veja dicas, truques e anotações de 
