Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Luã Vieira

Criar um menu de calculo para quantidade de materia prima

Por , em Desenvolvimento frontend

Recommended Posts

Luã Vieira    0

Luã Vieira
Postado

Boa noite , estou tendo um pouco de dificuldade para criar uma calculadora de mateira prima, estou fazendo um site que vende chopp e no caso eu queria que quando o cliente digitasse a quantidade de pessoas o site calcula-se a quantidade de chopp nescessaria.

se alguem puder me ajudar eu vou ficar muito agradecido .

 

mais uma vez obrigado .

Compartilhar este post

Link para o post
Compartilhar em outros sites

Luã Vieira    0

Luã Vieira
Postado

Não estou sabendo criar o banco de dados para poder calcular segue o codigo abaixo

 

<!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!-- Consider adding an manifest.appcache: h5bp.com/d/Offline -->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<!-- Use the .htaccess and remove these lines to avoid edge case issues.
More info: h5bp.com/b/378 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Calculadora de Chopp</title>
<meta name="description" content="Calcule a quantidade de Chopp adequada para seu evento">
<meta name="author" content="codexico">
<!-- Mobile viewport optimized: j.mp/bplateviewport -->
<meta name="viewport" content="width=device-width,initial-scale=1">
<!-- Place favicon.ico and apple-touch-icon.png in the root directory: mathiasbynens.be/notes/touch-icons -->
<!-- CSS: implied media=all -->
<link type="text/css" href="css/libs/ui/jquery-ui-1.8.17.custom.css" rel="stylesheet" />
<!-- CSS concatenated and minified via ant build script-->
<link rel="stylesheet" href="css/style.css">
<!-- end CSS-->
<!-- More ideas for your <head> here: h5bp.com/d/head-Tips -->
<!-- All JavaScript at the bottom, except for Modernizr / Respond.
Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries
For optimal performance, use a custom Modernizr build: www.modernizr.com/download/ -->
<script src="js/libs/modernizr-2.0.6.min.js"></script>
</head>
<body>
<div id="container">
<header>
<h1 class="ir">Calculadora de Chopp</h1>
</header>
<div id="main" role="main">
<form action="" method="get" id="calculadora" oninput="oduracao.value = duracao.valueAsNumber; onumpessoas.value = numpessoas.valueAsNumber">
<p>
<label for="duracao" class="range">Duração do evento: (
<span><output name="oduracao" class="withRange" onforminput="this.value = duracao.value">4</output> </span> horas )
</label>
<input id="duracao" name="duracao" type="range" min="1" max="24" step="1" value="4" >
</p>
<p>
<label for="numpessoas" class="range">Número de pessoas: (
<span><output name="onumpessoas" class="withRange" onforminput="this.value = numpessoas.value">20</output></span> )
</label>
<input id="numpessoas" name="numpessoas" type="range" min="1" max="100" step="1" value="20" >
</p>
<p>Nível de Habilidade dos Convidados:</p>
<p>
<input type="radio" value="0.8" id="fraco" name="habilidade" />
<label for="fraco">Fraco</label>
<input type="radio" value="1" id="normal" name="habilidade" checked />
<label for="normal">Normal</label>
<input type="radio" value="1.5" id="profissional" name="habilidade" />
<label for="profissional">Bebedor Profissional</label>
</p>
<input type="submit" id="submit" value="Calcular" />
</form>
<div id="result">
<p>Resultado: <span class="chopp"></span> litros de chopp.</p>
<p>Equivalente a <span class="garrafas"></span> garrafas de cerveja
ou <span class="latinhas"></span> latinhas de cerveja.</p>
</div>
</div>
<footer>
<div id="info">
<p>Chopp Glarus é mais gostoso e evita desperdício!</p>
</div>
</footer>
</div> <!--! end of #container -->
<!-- JavaScript at the bottom for fast page loading -->
<script src="js/libs/jquery-1.7.1.min.js"></script>
<script src="js/libs/jquery-ui-1.8.17.custom.min.js"></script>
<!-- scripts concatenated and minified via ant build script-->
<script defer src="js/plugins.js"></script>
<script defer src="js/script.js"></script>
<!-- end scripts-->
</body>
</html>
Peço ajuda Origado

Compartilhar este post

Link para o post
Compartilhar em outros sites

rumao    1

rumao
Postado

Boa tarde Luã Vieira, acredito que já tenha conseguido desenrolar isso. Se sim poderia disponibilizar um exemplo?
Estou desenvolvendo um projeto semelhante e necessito fazer esse tipo de cálculo.

Desde já obrigado pela atenção.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito