Baixe o app para aproveitar ainda mais
Leia os materiais offline, sem usar a internet. Além de vários outros recursos!
AP2_PRATICAS DE PROGRAMAÇÃO EM SISTEMAS_TRABALHO
Esta é uma pré-visualização de arquivo. Entre para ver o arquivo original
UNIVERSIDADE UNIGRANRIO
JANSEN VINICIUS GUEDES BARBOSA
0700944
Praticas de Programação em Sistemas web
NOVA IGUAÇU, 2020
Oswaldo Borges Peres
Prof. (Nome do orientador)
2
SUMÁRIO
1 CONTEXTUALIZAÇÃO.............................................................................................3
2 SCRIPT HTML 3
3 PRINT DAS TELAS DE SAÍDA 12
4 PESQUISAS............................................................................................................19
1 Contextualização
Hoje, a realidade é completamente diferente. A internet não é mais composta por meros documentos HTML com um punhado de texto e imagens, mas sim por aplicações completas e funcionais que facilitam enormemente o dia-a-dia de todos. E tudo isso graças ao surgimento de uma certa tecnologia que está presente em nossa vida digital, mesmo que sequer nos demos conta disso: o Java Script.
Proposta de Trabalho:
Suponha que você foi contratado por uma empresa de desenvolvimento de sites. Sua tarefa é desenvolver as questões abaixo:
1. Faça um programa que entre com três números, faça a média aritmética e mostre o resultado.
<!DOCTYPE HTML>
<html lang="pt-br">
<html>
<head> </head>
<body>
<meta charset="utf-8">
<title>Média Aritimética</title>
<script type="text/javascript">
var n1 = parseInt (prompt ('Digite o valor1'));
var n2 = parseInt (prompt ('Digite o valor2'));
var n3 = parseInt (prompt ('Digite o valor3'));
var media = parseInt(n1+n2+n3)/3;
document.write("O valor1 é: " ,n1, "<br>");
document.write("O valor2 é: " ,n2, "<br>");
document.write("O valor3 é: " ,n3, "<br>");
document.write("A média aritmética da soma dos 3 numeros é: " ,media);
</script>
</body>
</html>
2. Faça um programa que entre com o nome e o salário de um funcionário e mostre seu novo salário, sabendo que o mesmo teve um aumento de 10%.
<!DOCTYPE HTML>
<html lang="pt-br">
<html>
<head> ... </head>
<body>
<meta charset="utf-8">
<title>Novo Salário</title>
<script type="text/javascript">
var nome = prompt ('Digite o Nome do funcionário');
var sal = parseInt (prompt ('Digite o Salário'));
var asal = parseInt (prompt ('Digite o aumento Salarial em %'));
var nsal = parseInt(sal*asal)/100;
var salatual = parseInt(sal+nsal);
document.write("O nome do funcionário é: " ,nome, "<br>");
document.write(" ... Salário anterior do funcionário R$: " ,sal, "<br>");
document.write(" ... Salário atual do funcionário (sal anterior + ", asal , "% ) R$: " ,salatual);
</script>
</body>
</html>
3. Faça um programa que leia dois valores inteiros A e B se os valores forem iguais devem ser somados os dois, caso contrário multiplique A por B ao final do cálculo ao final do cálculo atribuir o valor para uma variável C.
<!DOCTYPE HTML>
<html lang="pt-br">
<html>
<head> ... </head>
<body>
<meta charset="utf-8">
<title>Valor A, B e C</title>
<script type="text/javascript">
var A = parseInt (prompt ('Digite o valor A'));
var B = parseInt (prompt ('Digite o valor B'));
document.write("O valor de A é: " ,A, "<br>");
document.write(" ... O valor de B é: " ,B, "<br>");
if (A==B) {
document.write(" ... O valor de A + B é: " , (A + B), "<br>");
var C = (A+B);
}
else{
document.write(" ... O valor de A x B é: " , (A * B), "<br>");
var C = (A*B);
}
document.write(" ... O valor de C é: " , C);
</script>
</body>
</html>
4. A partir do preço à vista de um determinado produto, calcule o preço total a pagar e o valor da prestação mensal, referentes ao pagamento parcelado. Se o pagamento for parcelado em 3 vezes deve ser dado um acréscimo de 10% no total a ser pago. Se o parcelamento for em 5 vezes, o acréscimo será de 20%.
<h1>Questão 4</h1>
<input type="number" name="prestacao" autocomplete="off" onkeypress="return so_nro(event)" id="prestacao" placeholder="Valor a vista">
<input type="button" value="prestação" onclick="parcela()">
<p id="vezes3">Valor total, parcelado em 3 vezes</p>
<p id="vezes5">Valor total, parcelado em 5 vezes</p>
<script type="text/javascript">
function parcela(){
var total = Number(document.getElementById("prestacao").value)
var vez3 = total * 1.1
var parc3 = vez3 / 3
vezes3.innerHTML = `O valor total é ${vez3.toFixed(2)}, parcelado em 3 vezes, a parcela fica ${parc3.toFixed (2)}`
var vez5 = total * 1.2
var parc5 = vez5 / 5
vezes5.innerHTML = `O valor total é ${vez5.toFixed(2)}, parcelado em 5 vezes, a parcela fica ${parc5.toFixed(2)}`
}
</script>
5. Faça um programa que leia o nome e as três notas de uma disciplina de um aluno e ao final escreva o nome do aluno, sua média e se ele foi aprovado, sabendo-se que a média para aprovação é igual ou superior a 8.
<!DOCTYPE HTML>
<html lang="pt-br">
<html>
<head> </head>
<body>
<meta charset="utf-8">
<title>Média escolar</title>
<script type="text/javascript">
var nome = prompt ('Digite o Nome do aluno');
var n1 = parseInt (prompt ('Digite a primeira nota'));
var n2 = parseInt (prompt ('Digite a segunda nota'));
var n3 = parseInt (prompt ('Digite a terceira nota'));
var media = parseInt(n1+n2+n3)/3;
document.write("O nome do aluno é: " ,nome, "<br>");
document.write("A primeira nota é: " ,n1, "<br>");
document.write("A segunda nota é: " ,n2, "<br>");
document.write("A terceira nota é: " ,n3, "<br>");
document.write("A média do aluno é: " ,media, "<br>");
if (media >=8) {
document.write("O aluno foi Aprovado", "<br>");
} else {
document.write("O aluno foi Reprovado", "<br>");
}
</script>
</body>
</html>
6. Escreva um programa que receba dois números reais e um código de seleção do usuário. Se o código digitado for 1, faça o programa adicionar os dois números previamente digitados e mostrar o resultado; se o código de seleção for 2, os números deverão ser multiplicados; se o código de seleção for 3, o primeiro número deve ser dividido pelo segundo.
<h1>Questão 6</h1>
<input type="number" name="numero1" id="numero1" autocomplete="off">
<input type="number" name="numero2" id="numero2" autocomplete="off">
<input type="number" name="codselecao" id="codselecao" min="1" max="3" placeholder="Código de seleção" autocomplete="off">
<input type="button" value="confirmar" onclick="calculadora()">
<p id="resp6">Resultado</p>
<script type="text/javascript">
function calculadora(){
var num1 = Number(document.getElementById("numero1").value)
var num2 = Number(document.getElementById("numero2").value)
var cod = Number(document.getElementById("codselecao").value)
if (cod == 1) {
var resp = num1 + num2
}
else if (cod == 2){
var resp = num1 * num2
}
else if (cod == 3){
var resp = num1 / num2
}
resp6.innerHTML = `O resultado é ${resp}`
}
</script>
7. Leia 20 valores reais e calcule seu somatório utilizando a instrução while.
<h1>Questão 7</h1>
<input type="button" value="somar" onclick="somawhile()">
<p id="resp8">A soma é</p>
<script type="text/javascript">
function somawhile(){
var n = 0
var soma = 0
while (n < 20){
var num = Number(prompt(`Numero ${n + 1}`))
soma += num
n += 1
}
resp8.innerHTML = `A soma é ${soma}`
}
</script>
8. Leia 20 valores reais e calcule seu somatório utilizando a instrução ...while.
<h1>Questão 8</h1>
<input type="button" value="somar" onclick="somadowhile()">
<p id="resp9">A soma é</p>
<script type="text/javascript">
function somadowhile(){
var n = 0
var soma = 0
do{
var num = Number(prompt(`Numero ${n + 1}`))
soma += num
n += 1
} while (n < 20)
resp9.innerHTML = `A soma é ${soma}`
}
</script>
9. Faça um programa, utilizando as estruturas de repetição, onde o programa deverá finalizar quando o usuário digitar
0, caso contrário ficará cadastrando os pedidos, agora vai poder acumular mais de um produto e ao final deverá ser dada a soma dos pedidos. Escreva um programa que leia o código do item adquirido pelo consumidor e a quantidade, calculando e mostrando o valor a pagar. Não será necessário exibir o produto e o valor, somente o valor final.
<h1>Questão 9</h1>
O cardápio de uma casa de lanches é dado pela tabela abaixo:<br>
<input type="button" value="pedidos" onclick="lanchonete()">
<p id="resp10">O total ficou R$</p>
<script type="text/javascript">
function lanchonete(){
var total = 0
var lista = [{
codigo: 100,
nome:"cachorro quente",
valor:1.70},
{
codigo: 101,
nome:"bauru simples",
valor:2.30},
{
codigo: 102,
nome:"bauru com ovo",
valor:2.60},
{
codigo: 103,
nome:"hamburguer",
valor:2.40},
{
codigo: 104,
nome:"cheeseburguer",
valor:2.50},
{
codigo: 105,
nome:"refrigerante",
valor:1.00}
]
while (cod != 0){
var cod = Number(prompt('codigo do produto \n 0 para sair'))
for (var i = 0; i < lista.length; i++) {
if (cod == lista[i].codigo){
total += lista[i].valor
}
}
}
resp10.innerHTML = `O total ficou R$ ${total}`
}
</script>
10. Faça um Programa que apresente o quadrado de cada um dos números pares entre 1 a 100.
<h1>Atividade 10</h1>
<h2> Faça um Programa que apresente o quadrado de cada um dos números pares entre 1 a 100.
</h2>
<br><br>
<br><br>
<div id="atividade10"></div>
<script> cont = 1;
var divElement = document.querySelector('#atividade10');
divElement.innerHTML = '';
while (cont <=100){
var nro = cont%2;
if (nro == 0) {
var nroq = Math.pow(cont,2);
var hElement = document.createElement('h3');
var textElement = document.createTextNode('O quadrado de ' + cont + ' é ' + nroq );
hElement.appendChild(textElement);
divElement.appendChild(hElement);
}
cont++;
}
</script>
4 - PRINT DAS TELAS DE SAÍDA
1ª Questão:
2ªQuestão:
3ª Questão:
4ª Questão:
5ª Questão:
6ª Questão:
7ª Questão:
OBS: Soma total abaixo:
1+2+3+4+5+6+7+8+9+10+11+12+13+14+15+16+17+18+19+20 = 210
8ª Questão:
OBS:
Soma para chegar ao valor de 420
2+4+6+8+10+12+14+16+18+20+22+24+26+28+30+32+34+36+38+40 = 420
9ª Questão:
10ª Questão:
2 PESQUISA
JAVASCRIPT:
https://pt.stackoverflow.com/questions/126163/por-que-a-minha-fun%C3%A7%C3%A3o-est%C3%A1-concatenando-ao-inv%C3%A9s-de-somar-os-n%C3%BAmeros
https://woliveiras.com.br/posts/la%C3%A7os-de-repeti%C3%A7%C3%A3o-while-e-do-while/Compartilhar
Materiais relacionados
19 pág.
23 pág.
Perguntas relacionadas
Compartilhar