Ir para conteúdo

POWERED BY:

Arquivado

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

Pedro Pazello

Calculo automatico

Por , em Javascript

Recommended Posts

Pedro Pazello    0

Pedro Pazello
Postado

Estou com um problema aqui,estou querendo criar uma pagina que faz a soma de três contas(a,b,c),esse valor eu quero que desconte do salario(d),esse valores são inseridos em input do tipo texto,e o valor final eu quero que seja calculado automaticamente numa quinta input do tipo texto,eu defini a função de envio automatico pelo nome autoSumForm e defini o tempo em que seria inserido o resultado pelas onFocus="starcalc()" e onBlur="stopcalc()"

mas não está funcionando!

Segui um exemplo do professor,que está funcionando,mas não realiza soma dos numeros,mas sim soma de como se fosse letras.exemplo:1+1=11 22+22=2222

irei passar primeiro os codigos do exemplo e depois o meu:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script>
function startCalc(){
interval=setInterval("calc()",1);
}
function calc(){
one=document.autoSumForm.firstBox.value;
two=document.autoSumForm.secondBox.value;
document.autoSumForm.thirdBox.value=one+two
}
function stopCalc(){
clearInterval(interval);
}
</script>
</head>

<body>
<div style="width:200px;text-align:center">
<form name="autoSumForm">
<input  type="text" name="firstBox" value=""  onFocus="startCalc();" onblur="stopCalc()" />
+<input    type="text" name="secondBox" value=""  onFocus="startCalc();" onblur="stopCalc()" />
=<input type="text" name="thirdBox" />
</form>
</body>
</html>

 

 

Meu codigo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Calculadora de dispensas</title>
<script language="javascript"type="text/javascript" >
function starcalc(){
interval=setInterval("calc()",1);
}
function calc(){
   d=document.autoSumForm.numd.value;
a=document.autoSumForm.numa.value;
b=document.autoSumForm.numb.value;
c=document.autoSumForm.numc.value;

document.autoSumForm.res.value=d-(a+b+c)
}
function stopcalc(){
clearInterval(interval);
}
function open(){
window.alert("Seja bem vindo a calculadora de dispesas!");
}
function close(){
window.alert("volte sempre!");
}
</script>
<style type="text/css">
fieldset{background-color:#0099CC;width:300px;}
legend{
border: 1px solid #000000;
padding: 10px;
background-color:#CCC
}
label{border: 1px solid #000000;padding:5px;background:#CCCCCC}
input{border:solid #0F0 1px;}
body{background-color:#000000;}
</style>
</head>

<body onload="open()" onunload="close()">
<br />
<br />
<center>
<form name="AutoSumForm" method="post" action"">
<fieldset>
<legend>Calculadora de Dispesas</legend>
<p>
<!-- codigo   é destinado para espaçar a caixa !-->
 <label for="numd"><strong>     Digite seu salario       </strong></label>
</p>
<p>
 <input type="text" name="numd" id="numd" onFocus="starcalc()" onBlur="stopcalc()" />
</p>
<p>
 <label for="numa"><strong>  Valor da conta de agua  </strong></label>
</p>
<p>
 <input type="text" name="numa" id="numa" onfocus="startcalc()"onBlur="stopcalc()" />
</p>
<p>
 <label for="numb"><strong>    Valor da conta de luz   
 </strong></label>
 <br /><br />
 <input type="text" name="numb" id="numb" onfocus="startcalc()"onBlur="stopcalc()" />
</p>
<p>
 <label for="numc"><strong>Valor da conta do telefone</strong></label>
</p>
<p>
 <input type="text" name="numc" id="numc" onfocus="startcalc()"onBlur="stopcalc()" />
</p>
<p>
<label for="res"><strong>            Resultado              
</strong></label><br /><br />
<input type="text" name="res" />
</p>
<p>
 <input name="reset" type="reset" class="formobjects" value="Redefinir" />
</p>
</fieldset>
</form>
<table width="297" border="0">
 <tr>
   <th width="287" scope="col"><p>
   <marquee behavior="scroll" scrolldelay="150" direction="left"><font color="#CCFF00">Produzido por: Pedro Pazello</font>
   </marquee></p></th>
 </tr>
</table>
<p> </p>
</center>
</body>
</html>

 

Sou muito novato no javascript e o professor do senac não ajuda em nada,se alguem poder me ajudar,agredeceria muito

Compartilhar este post

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

Informação importante

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

  Aceito