Ir para conteúdo
Fórum Script Brasil
  • 0

Calculos


Hotburn

Pergunta

Salve, Pessoal !!! B)

Então.... estou tentando fazer um sistema que deve funcionar da seguinte forma.

Por exemplo...

Célula A1, Deve ter o nome do produto (deve ser fixa, sem a possibilidade de edição)

Célula B1, Ficará o Valor do produto, que também, deve ser fixo.

Célula C1, E nesta célula, estará vazio, para o internauta colocar a quantidade desejada.

Célula D1, Ficará o calculo feito, com a multiplicação das células.(C1*B1).

Então, pessoal.... tem como ajudar ???

Obrigadão !!!

Abraços ! ;)

Link para o comentário
Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

  • 0

Espero que te ajude

<html>
<head>
<title>Form soma</title>

<script>
var bola="21.00";
var boliche="50.00";
</script>

<script>
function soma(){
    var qt = parseInt(document.f1.qtd.value);
    
     var total = qt * bola;
     document.f1.total.value = total+",00";
    
    }
</script>

<style type="text/css">
 BODY {
  scrollbar-arrow-color:000000;
  scrollbar-track-color:f2f2f2;
  scrollbar-shadow-color:cccccc;
  scrollbar-face-color:ffffff;
  scrollbar-highlight-color:ffffff;
  scrollbar-darkshadow-color:000000;
  scrollbar-3dlight-color:e2e2e2;
 }
.titulo1 {font-family :arial; font-size:13; color:darkred}
.titulo {font-family :arial; font-size:18; color:darkred}
.texto {font-family :arial; font-size:12; color:gray}
.texto1 {font-family :arial; font-size:12; color:white}
.codigo {font-family :arial; font-size:10; color:gray}
.h, A.h:link, A.h:visited, A.h:hover {font-size: 12px;color: gray;font-face:arial;text-decoration: none}
A.h:hover {color: red}
.extra, A.extra:link, A.extra:visited, A.extra:hover {font-size: 12px;color: gray;font-face:arial;text-decoration: none}
A.extra:hover {color: black}
.box  {
border-top:1px    solid #c8c8c8;
border-bottom:1px solid #c8c8c8;
border-left:1px   solid #c8c8c8;
border-right:1px  solid #c8c8c8;
font-family:arial;
font-size:12px;
color: gray;
background-color:ffffff;
}
navegacao{font-family :arial; font-size:12; color:white; text-decoration:none}
a:hover{font-family :arial; font-size:12; color:red;text-decoration:none}
a:link{font-family :arial; font-size:12; color:gray;text-decoration:none}
a:vlink{font-family :arial; font-size:12; color:gold;text-decoration:none}
a:visited{font-family :arial; font-size:12; color:green;text-decoration:none}
</style>

</head>

<body>
<form enctype="application/x-www-form-urlencoded" name="f1">
<table border=1 class="box" bordercolor="darkblue" cellspacing=0 cellpaddin=2>
<tr>
    <tudo class="texto1" width="12%" align="center" background="azul.gif"><b>Produto</b></tudo>
    <tudo class="texto1" width="12%" align="center" background="azul.gif"><b>Quantidade</b></tudo>
    <tudo class="texto1" width="12%" align="center" background="azul.gif"><b>Preço Unitário</b></tudo>
    <tudo class="texto1" width="12%" align="center" background="azul.gif"><b>Total</b></tudo>
</tr>
<tr>
    <tudo class="texto1" align="center" bgcolor="iceblue">Bola de Futebol</tudo>
    <tudo class="texto" align="center" bgcolor="iceblue"><input type="text" size="5" maxlength="5" class="box" name="qtd"></tudo>
    <tudo class="texto1" align="center" bgcolor="iceblue"><b><script>document.write(bola);</script></b></tudo>
    <tudo class="texto1" align="center" bgcolor="iceblue"><input type="text" size="6" maxlength="6" class="box" name="total"></tudo>
</tr>
<tr>
    <tudo class="texto" align="center" colspan=4 bgcolor="iceblue"><input type="button" value=" Calcular " class="box" name="Calcular" onClick="soma();"></tudo>
</tr>

</form>
</body>
</html>

Link para o comentário
Compartilhar em outros sites

  • 0

Espero que te ajude

<html>
<head>
<title>Form soma</title>

<script>
var bola="21.00";
var boliche="50.00";
</script>

<script>
function soma(){
    var qt = parseInt(document.f1.qtd.value);
    
     var total = qt * bola;
     document.f1.total.value = total+",00";
    
    }
</script>

<style type="text/css">
 BODY {
  scrollbar-arrow-color:000000;
  scrollbar-track-color:f2f2f2;
  scrollbar-shadow-color:cccccc;
  scrollbar-face-color:ffffff;
  scrollbar-highlight-color:ffffff;
  scrollbar-darkshadow-color:000000;
  scrollbar-3dlight-color:e2e2e2;
 }
.titulo1 {font-family :arial; font-size:13; color:darkred}
.titulo {font-family :arial; font-size:18; color:darkred}
.texto {font-family :arial; font-size:12; color:gray}
.texto1 {font-family :arial; font-size:12; color:white}
.codigo {font-family :arial; font-size:10; color:gray}
.h, A.h:link, A.h:visited, A.h:hover {font-size: 12px;color: gray;font-face:arial;text-decoration: none}
A.h:hover {color: red}
.extra, A.extra:link, A.extra:visited, A.extra:hover {font-size: 12px;color: gray;font-face:arial;text-decoration: none}
A.extra:hover {color: black}
.box  {
border-top:1px    solid #c8c8c8;
border-bottom:1px solid #c8c8c8;
border-left:1px   solid #c8c8c8;
border-right:1px  solid #c8c8c8;
font-family:arial;
font-size:12px;
color: gray;
background-color:ffffff;
}
navegacao{font-family :arial; font-size:12; color:white; text-decoration:none}
a:hover{font-family :arial; font-size:12; color:red;text-decoration:none}
a:link{font-family :arial; font-size:12; color:gray;text-decoration:none}
a:vlink{font-family :arial; font-size:12; color:gold;text-decoration:none}
a:visited{font-family :arial; font-size:12; color:green;text-decoration:none}
</style>

</head>

<body>
<form enctype="application/x-www-form-urlencoded" name="f1">
<table border=1 class="box" bordercolor="darkblue" cellspacing=0 cellpaddin=2>
<tr>
    <tudo class="texto1" width="12%" align="center" background="azul.gif"><b>Produto</b></tudo>
    <tudo class="texto1" width="12%" align="center" background="azul.gif"><b>Quantidade</b></tudo>
    <tudo class="texto1" width="12%" align="center" background="azul.gif"><b>Preço Unitário</b></tudo>
    <tudo class="texto1" width="12%" align="center" background="azul.gif"><b>Total</b></tudo>
</tr>
<tr>
    <tudo class="texto1" align="center" bgcolor="iceblue">Bola de Futebol</tudo>
    <tudo class="texto" align="center" bgcolor="iceblue"><input type="text" size="5" maxlength="5" class="box" name="qtd"></tudo>
    <tudo class="texto1" align="center" bgcolor="iceblue"><b><script>document.write(bola);</script></b></tudo>
    <tudo class="texto1" align="center" bgcolor="iceblue"><input type="text" size="6" maxlength="6" class="box" name="total"></tudo>
</tr>
<tr>
    <tudo class="texto" align="center" colspan=4 bgcolor="iceblue"><input type="button" value=" Calcular " class="box" name="Calcular" onClick="soma();"></tudo>
</tr>

</form>
</body>
</html>

valeu, e tipo, está um pouco complexo de entender...

Como ficaria se eu colocasse na horizontal, com pelo menos três itens ?

Obrigadu

Link para o comentário
Compartilhar em outros sites

  • 0

Tenta entender como o Javascript e o HTML funcionam para que você possa fazer exatametne o que quer... dá uma olhada nesse código e tenta visualizar como são criadas as referências de campos inseridos dentro de formulários, e como você faz para pegar seus valores em uma função, aprendendo isso você vai poder fazer várias manipulações com campos diferentes.


<html>
<body>

<h3>Multiplicação:</h3>

  <Form name="formulario">
     <p>
     <input type="text" name="Valor1" cols="20" size="20">&nbsp; X&nbsp; 
     <input type="text" name="Valor2" size="20">&nbsp;=&nbsp; 
     <input type="text" name="Resultado" size="20" value=" "></p>
     <p>
     <input type="button" value="Calcular!" name="button" onclick="java script:resolve()"> 
     </p>
  </form>

<script>

   function resolve() 
   {

       Valor_1 = document.formulario.Valor1.value;
       Valor_2 = document.formulario.Valor2.value;
       document.formulario.Resultado.value = eval( parseInt(Valor_1) * parseInt(Valor_2) );

   }
</script>

 <p align="center">&nbsp;</p>

</body>
</html>

Até.

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,2k
×
×
  • Criar Novo...