Skip to content

Commit

Permalink
atividades_js
Browse files Browse the repository at this point in the history
  • Loading branch information
@R7zx
R7zx committed Jun 27, 2022
1 parent 3a3b358 commit 822733e
Show file tree
Hide file tree
Showing 3 changed files with 121 additions and 32 deletions.
49 changes: 17 additions & 32 deletions cds.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,62 +5,47 @@
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>CDs Loja</title>
</head>

<body>
<div id="preco"> preco</div>
<input class="cor" type="texto" placeholder="Cor do cd">
<br>
<br>
<button class="verif" onclick="verificarCor()"> verificar </button>
<input type="text" id="entrada">
<br><br>
<input type="button" id="verificar" value="verificar" onclick="verificarValor()">
<div id="preco"></div>

<script>
document.getElementById("verif").addEventListener("click", verificar);
document.getElementById("verificar").addEventListener("click", verificar);

function verificarCor() {
function verificarValor() {

let cd = document.getElementById("cor").value;
let preco = document.getElementById("preco")
let cor = document.getElementById("entrada").value;
let fundo = document.body.style.background;

switch (cd) {
switch (cor) {
case "verde":
preco.innerHTML = "O valor do CS ${cor} R$: R$ 10,00";
preco.innerHTML = "O valor do CD ${cor} R$: R$ 10,00";
document.body.style.background = "green";
break;
case "amarelo":
preco.innerHTML = "O valor do CS ${cor} R$: R$ 12,00";
document.body.style.background = "green";
preco.innerHTML = "O valor do CD ${cor} R$: R$ 12,00";
document.body.style.background = "yellow";
break;
case "vermelho":
preco.innerHTML = "O valor do CS ${cor} R$: R$ 15,00";
document.body.style.background = "green";
preco.innerHTML = "O valor do CD ${cor} R$: R$ 15,00";
document.body.style.background = "red";
break;
case "azul":
preco.innerHTML = "O valor do CS ${cor} R$: R$ 25,00";
document.body.style.background = "green";
preco.innerHTML = "O valor do CD ${cor} R$: R$ 25,00";
document.body.style.background = "blue";
break;
default:
break;
}

// let cor = document.getElementById("cor");
// let texto = document.getElementById("texto");
// let fundo = document.body.style.background;

// if (cor == verde) {
// document.body.style.background = "green";
// document.body.style.color = "silver";
// document.write("esse cd custa dofksko");
// } else if (cor == amarelo) {
// document.body.style.background = "yellow";
// document.body.style.color = "silver";
// document.write("esse cd custa dofksko");
// } else {
// dsdsd
// }


}


Expand Down
66 changes: 66 additions & 0 deletions imc.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,66 @@
<!DOCTYPE html>
<html lang="pt-br">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<title>Calcular IMC</title>
</head>

<body>
<h1>Calculadora IMC</h1>
<p>Digite seu peso</p>
<input id='peso' type='number' />
<span>Kg</span>
<div>
<p>Digite sua altura</p>
<input id='altura' type='number' />
<span>M</span>
</div>
<div>
<input id='btn_calcular' class='botao' type="button" value="Calcular">
</div>
<div id="resultado"></div>
</div>

<script>

btn_calcular.addEventListener('click', calculandoIMC);

let botaoCalcular = document.getElementById(btn_calcular);

function calculandoIMC() {
let peso = document.getElementById("peso").value;
let p = Number(peso);
let altura = document.getElementById("altura").value;
let a = Number(altura);
let resultado = document.getElementById("resultado")
if (a != "" && p != "") {
let imc = (p / (a * a));
console.log(imc);
let mensagem = "";
if (imc < 18.5) {
mensagem = "Abaixo do peso normal!"
} else if ((imc >= 18.5) && (imc <= 24.9)) {
mensagem = "Você está com o peso normal!"
} else if ((imc >= 25) && (imc <= 29.9)) {
mensagem = "Você está com exesso de peso!"
} else if ((imc >= 30) && (imc <= 34.9)) {
mensagem = "Cuidado! Obesidade grau I"
} else if ((imc >= 35) && (imc <= 39.9)) {
mensagem = "Cuidado! Obesidade grau II"
} else {
mensagem = "Cuidado! Obesidade grau III"
}
resultado.innerText = `Seu IMC é ${imc.toFixed(2)}! ${mensagem}`;
} else {
resultado.innerText = "Preencha todos os campos!!!"
}
}

</script>
</body>

</html>
38 changes: 38 additions & 0 deletions inputArray.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
<!DOCTYPE html>
<html lang="pt-br">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Array E Js</title>
</head>

<body>

<input type="number" id="entrada">
<br><br>
<button type="button" id="verificar" onclick="inserir()">verificar</button>
<p id="p">aaaaaaa</p>
<script>

document.getElementById("entrada").addEventListener('click', inserir);

function inserir() {

var campo = document.getElementById("entrada").value;
var input = Number(campo);
const array = array[","];
var botao = document.getElementById("verificar");
var texto = document.getElementById("p");

input.unshift(campo);


}


</script>
</body>

</html>

0 comments on commit 822733e

Please sign in to comment.