Create successful ePaper yourself
Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.
PRIMEIROS PASSOS
_____________________________________________________________________________________________________________________________ _____________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________ __________________________________
<html>
<head>
<meta charset="utf-8"/>
<title>Página de teste</title>
</head>
<body>
<b>Olá, bom dia !!!</b>
<p>
Ano de nascimento <input type="number" id="ano"/>
<br/>
<button onclick="calculo()"> Calcula </button>
<br/>
Minha idade: <b id="idade"> </b>
<br/>
<script>
function calculo()
{
var anoAtual = 2017
var anoNascimento = document.getElementById("ano").value;
var idade;
</body>
</p>
idade = anoAtual - anoNascimento;
document.getElementById("idade").innerHTML = idade;
}
</script>
</html>
<footer>
<p>©2017 Desenvolvido por Vanessa Paiva </p>
</footer>
___________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________ ___________________________________________________________________________________________________________________________________ ______________________________________________________________________________________________
<html> Início do código HTML <input type="number" Caixa de texto
id="ano"/>
<head> Cabeçalho da página <br/> Break Rule – “Pular
Linha”
<meta charset="utf- Indica que o idioma é <button
Botão
8"/>
português
onclick="calculo()">
<title>Página </title> Título da página <b id="idade"> Mostra resultado
<body> Corpo da Página <script> Início do código Script
<b> Texto em negrito function calculo() { } Função
<p> Parágrafo <footer> Rodapé
1
ESTRUTURA DE DECISÃO
_____________________________________________________________________________________________________________________________ _____________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________ __________________________________
<html>
<head>
<meta charset="utf-8"/>
<title>Estrutura de Decisão</title>
</head>
<body>
<h2>Exercício 1 - Recebe 4 notas de um aluno, calcula e mostra a média aritmética.</h2>
<p>
Nota 1 <input type="number" id="n1"/>
<br/>
<br/>
Nota 2 <input type="number" id="n2"/>
<br/>
<br/>
Nota 3 <input type="number" id="n3"/>
<br/>
<br/>
Nota 4 <input type="number" id="n4"/>
<br/>
<br/>
<button onclick="calculoNota()"> Calcula </button>
<br/>
<br/>
Sua média é:
<b id="media"> </b>
<br/>
<br/>
<b id="sit"> </b>
<br/>
<script>
function calculoNota()
{
var nota1 = parseFloat(document.getElementById("n1").value);
var nota2 = parseFloat(document.getElementById("n2").value);
var nota3 = parseFloat(document.getElementById("n3").value);
var nota4 = parseFloat(document.getElementById("n4").value);
var media;
var soma;
var sit = document.getElementById("media").innerHTML;
soma = nota1 + nota2 + nota3 + nota4;
2
media = soma/4;
document.getElementById("media").innerHTML = media;
</body>
</p>
}
</script>
if (media >= 7){
document.getElementById("sit").innerHTML = "Aprovado!";
}
else
{
document.getElementById("sit").innerHTML = "Reprovado!";
}
</html>
<footer>
<p>©2017 Desenvolvido por Vanessa Paiva </p>
</footer>
_____________________________________________________________________________________________________________________________ _____________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________ __________________________________
<html>
Início do código var
Declaração de
HTML
variável
<head> Cabeçalho da página document.getElementById("x").innerHTML Escreve na
variável
<meta
charset="utf-
8"/>
Indica que o idioma é
português
if (condição){}
Estrutura
condicional “SE”
<title>Página
</title>
<body>
parseFloat
parseInt
Título da página else{} Estrutura
condicional
“OUTROS”
Corpo da Página
Transforma caractere
em Float
Transforma caractere
em Int
3
ESTRUTURA DE DECISÃO - SELEÇÃO
_____________________________________________________________________________________________________________________________ _____________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________ __________________________________
<html>
<head>
<meta charset="utf-8"/>
<title>Seleção</title>
</head>
<body>
<h2>Recebe o cuso de fábrica de um carro e mostra o preço do consumidor. </h2>
<p>Custo de fábrica <input type="number" id="fab"/>
<button onclick = "calculoPreCons()"> Calcule o preço do consumidor! </button>
<br/>
O preço do consumidor desse carro é de R$ <b id="custo"> </b>
<script>
function calculoPreCons(){
var fab = parseFloat(document.getElementById("fab").value);
var custo; var imp; var dist;
}
</script>
</p>
if(fab<= 12000){
imp = 0;
dist = 0.05 * fab;
custo = fab + imp + dist;
document.getElementById("custo").innerHTML = custo;
}
else {
if (fab> 12000 && fab<= 25000){
imp = 0.15 * fab;
dist = 0.10 * fab;
custo = fab + imp + dist;
document.getElementById("custo").innerHTML = custo;
}
else {
if (fab>25000){
imp = 0.20 * fab;
dist = 0.15 * fab;
custo = fab + imp + dist;
document.getElementById("custo").innerHTML = custo;
}
}
}
</body>
<footer>
<p>©2017 Desenvolvido por Vanessa Paiva </p></footer></html>
4
ESTRUTURA DE REPETIÇÃO - FOR
_____________________________________________________________________________________________________________________________ _____________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________ __________________________________
<html>
<head>
<meta charset="utf-8"/>
<title>Estrutura de Repetição - For</title>
</head>
<body>
<h1>Ingressos do teatro</h1>
<p>
<button onclick="inicia()">Iniciar</button>
<h3 id ="resultado"> </h3>
<br/>
O ingresso de valor <b id ="val"> </b> gera o maior lucro, <b id ="maior"> </b>
<script>
function inicia(){
var ingresso; var despesa = 200; var quant = 120;
var a = 0; var b = 0; var saida = "Tabela de resultados <br/><br/>";
for(ingresso = 5; ingresso >= 1; ingresso=ingresso - 0.5)
{
lucro = (ingresso * quant) - despesa;
if (lucro > a)
{
a = lucro;
b = ingresso;
}
" + lucro + "<br/>";
</body>
saida = saida + "Ingresso: " + ingresso + " | Quantidade: " + quant + " | Lucro:
quant = quant + 26;
}
document.getElementById("resultado").innerHTML = saida;
document.getElementById("maior").innerHTML = a;
document.getElementById("val").innerHTML = b;
}
</script>
</p>
<footer>
<p>© 2017. Todos os direitos reservados.</p>
</footer>
</html>
5
ESTRUTURA DE REPETIÇÃO - WHILE
_____________________________________________________________________________________________________________________________ _____________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________ __________________________________
<html>
<head>
<meta charset="utf-8"/>
<title>Estrutura de Repetição - While</title>
</head>
<body>
<h2>Exercício 15</h2>
<button onclick="inicia()">Iniciar</button>
<h3 id="resultsim"></h3>
<h3 id="resultnao"></h3>
<h3 id="resultmulher"></h3>
<h3 id="resulthomem"></h3>
<script>
function inicia(){
var sexo; var gostou; var i=0; var cont = 0; var cont2 = 0;
var cont3 = 0; var cont4 = 0; var porc; var contm = 0;
while(i < 10){
sexo = prompt("Digite o seu sexo - M ou F");
gostou = prompt("Gostou do produto ? (S ou N)");
i++;
if (gostou == "S"){
cont = cont + 1;
}
else if(gostou == "N"){
cont2 = cont2 + 1;
}
6
if ((sexo == "F") && (gostou == "S")){
}
cont3 = cont3 + 1;
if (sexo == "M"){
porc = (cont4 / contm) * 100;
}
}
contm = contm + 1;
if ((sexo == "M") && (gostou == "N")){
cont4 = cont4 + 1;
}
document.getElementById("resultsim").innerHTML = "O número de pessoas que
gostou do produto é " + cont;
document.getElementById("resultnao").innerHTML = "O número de pessoas que não
gostou do produto é " + cont2;
document.getElementById("resultmulher").innerHTML = "O número de mulheres que
gostou do produto é " + cont3;
document.getElementById("resulthomem").innerHTML = "A porcentagem de homens
que não gostou do produto é " + porc + "%";
</body>
}
</script>
</p>
<footer>
<p>© 2017. Todos os direitos reservados.</p>
</footer>
</html>
7
VETOR
_____________________________________________________________________________________________________________________________ _____________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________ __________________________________
<html>
<head>
<meta charset="utf-8"/>
<title>Vetor</title>
</head>
<body>
<button onclick="inicia()"> Iniciar Programa </button>
<br/>
<br/>
A média é: <h2 id="media"> </h2>
O maior é: <h2 id="maior"> </h2>
O menor é: <h2 id="menor"> </h2>
<script>
function inicia(){
var vetor = new Array();
var i;
var media = 0; var maior, menor;
for (i = 0; i < 10; i++){
vetor[i] = parseFloat(prompt ("Informe um elemento: "));
}
maior = vetor[0]; menor = vetor[0];
for (i=0;i<10;i++){
media += vetor[i];
if (vetor[i] > maior){
maior = vetor[i];
8
}
if (vetor[i] < menor){
menor = vetor[i];
}
}
media = media/10;
document.getElementById("media").innerHTML = media;
document.getElementById("maior").innerHTML = maior;
document.getElementById("menor").innerHTML = menor;
}
</script>
</p>
</body>
<footer>
<p>© 2017. Todos os direitos reservados.</p>
</footer>
</html>
9