formulario en javascript

Giankaa · 29 Noviembre 2015, 19:29 PM

Necesito ayuda, debo ingresar ciertos datos en un formulario y hacer una operación, el resultado de la operación que se muestre en un recuadro con la etiqueta <div>.
He hecho esto:

Código (html4strict) [Seleccionar]

<!DOCTYPE html>
<html>
<head>
	<title>Trabajo Final</title>
	<meta charset="utf-8">
	<script type="text/javascript" src="../js/javascript.js"></script>
	<link rel="stylesheet" type="text/css" href="../css/estilos.css">

</head>
<body>


   <form id="contacto-frm" name="contacto_frm" action="" method="get" enctype="application/x-www-form-urlencoded">
   <img src="imagen.jpg">
        <table sTYLE="table-layout:fixed">

        <tr>
        <td >
        <label for="lecturaactual">Lectura Actual  : </label>
        <input type="number" id="lecturaactual" name="lecturaactual_numb">
        </td>

        <td>
        <p>Consumo m3</p>

        <div id="consumo">0</div>
        </td>
        </tr>

        <tr>
        <td > 
        <label for="lecturaanterior">Lectura Anterior: </label>
        <input type="number" id="lecturaanterior" name="lecturaanterior_numb">
        </td>

        <td>
        <p align="center">Subsidio</p>
        </td>
        <td>
        <p align="center">Contribución</p>
        </td>
        </tr>

        <tr>
          <td >
        <label for="estrato">Estrato </label>
        <select class="estilo" id="estrato" name="estrato">
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
          <option value="4">4</option>
          <option value="5">5</option>
        </select>
          </td>

        <td >
        <div id="subsidio">0</div>
        </td>

        <td >
        <div id="contribucion">0</div>
        </td>

        </tr>
<tr>
  <td>
    <input type="button" id="agretabla" class="boton" name="agretabla_btn" value="Agregar a tabla +" >
  </td>
  <td>Valor Subtotal:</td>

  <td>
  
    <div>1564</div>
  </td>

  <td>
    <input type="button" id="calcular" class="boton" name="calcular_btn" value="Calcular" >
  </td>

</tr>

        </table>
        <table>
          <tr>
            <td>Estrato</td>
            <td>Consumo</td>
            <td>Subsidio/Contribución</td>
            <td>Subtotal</td>
          </tr>
          <tr>
            <td>adgf</td>
          </tr>

        </table>

   </form>
   <script type="text/javascript">
   var prinum=document.getElementById("lecturaactual");
   var segnum=document.getElementById("lecturaanterior");
   document.getElementById("consumo").innerHTML=" "+consumo(prinum,segnum);
   </script>
</body>
</html>

En el codigo javascript esto:

Código (javascript) [Seleccionar]

function agregartabla(){
	alert("Validando");
}
function subtotal(){
	//alert("Calculando");
	var verificar=true;
	var formulario=document.getElementById("contacto_frm");
	var lecturaactual=document.getElementById("lecturaactual");
	var lecturaanterior=document.getElementById("lecturaanterior");
	if (lecturaactual.value=="") {
		alert("El campo lectura actual es requerido");
		lecturaactual.focus();
		verificar=false;
	}else if (isNaN(lecturaactual.value)) {
		alert("El campo lectura actual Sólo acepta números");
		lecturaactual.focus();
		verificar=false;
	}else if (lecturaanterior.value=="") {
		alert("El campo lectura anterior es requerido");
		lecturaanterior.focus();
		verificar=false;
	}else if (isNaN(lecturaanterior.value)) {
		alert("El campo lectura anterior Sólo acepta números");
		lecturaanterior.focus();
		verificar=false;
	}else if (lecturaanterior.value>lecturaactual.value) {
		alert("El campo lectura anterior debe ser inferior al campo lectura actual");
		lecturaanterior.focus();
		verificar=false;
	}
	if (verificar==true) {
		alert("Se ha enviado el formulario");
	}

	document.contacto_frm.submit();
}
window.onload=function(){
	var botontabla, botonsubtotal;
	botontabla=document.getElementById("agretabla");
	botontabla.onclick=agregartabla;
	botonsubtotal=document.contacto_frm.calcular_btn;
	botonsubtotal.onclick=subtotal;
}
function consumo(x,y){
	var s=x-y;
	return s;
}

necesito que ese resultado, el del consumo se muestre en el recuadro del consumo. graciassssssssssss

eLank0 · 30 Noviembre 2015, 11:30 AM

Código (javascript) [Seleccionar]

document.getElementById("consumo").innerHTML = consumo(x,y);

Test Foro de elhacker.net SMF 2.1

formulario en javascript

Giankaa

eLank0