Untitled
unknown
plain_text
2 years ago
2.9 kB
8
Indexable
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mercado</title>
<style>
.container {
max-width: 600px;
margin: 0 auto;
padding: 20px;
text-align: center;
}
button {
padding: 10px 20px;
margin-top: 10px;
cursor: pointer;
}
input {
width: 50px;
}
</style>
</head>
<body>
<div class="container">
<h1>Mercado</h1>
<div>
<label for="chegadaClientes">Pessoas chegando por minuto:</label>
<input type="number" id="chegadaClientes" value="5">
</div>
<button onclick="calcular()">Calcular</button>
<div id="resultado"></div>
</div>
<script>
function calcular() {
const CompradoresPorMinuto = parseInt(document.getElementById('chegadaClientes').value); // Retorna o valor digitado no campo de texto.
const totalCompradores = CompradoresPorMinuto * 60; // Total de compradores por 60 minutos (uma hora).
const rangeDeClientes = totalCompradores * 7; // Range de clientes até 7 da manhã.
const totalVendas = Math.floor(Math.random() * rangeDeClientes); // Total de compras até 8 da noite.
let totalDesconto10 = 0; // variaveis criadas para acompanhar o numero de desconto e não desconto.
let totalDesconto50 = 0;
let totalSemDesconto = 0;
let Estoque = 20000;
for (let i = 0; i < totalVendas; i++) {
const valorDaCompra = Math.floor(Math.random() * 401) + 100; // Compras aleatórias de 100 até 500.
Estoque -= valorDaCompra;
if (Estoque < 0 ) { // Foi adicionado esse codigo para que o estoque não fique negativo, ja que é um valor aleatorio das compras.
Estoque = 0;
break;
}
if (valorDaCompra > 400) {
totalDesconto50++;
} else if (valorDaCompra > 200) {
totalDesconto10++;
} else {
totalSemDesconto++;
}
}
const resultElement = document.getElementById('resultado');
resultElement.innerHTML = `
<p>Vendas até as 20hrs: ${totalVendas}</p>
<p>Produtos restantes: ${Estoque}</p>
<p>Clientes com 10% de desconto: ${totalDesconto10}</p>
<p>Clientes com 50% de desconto: ${totalDesconto50}</p>
<p>Clientes sem desconto: ${totalSemDesconto}</p>
`;
}
</script>
</body>
</html>
Editor is loading...
Leave a Comment