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:
<!DOCTYPE html>
<script type="text/javascript" src="../js/javascript.js"></script> <link rel="stylesheet" type="text/css" href="../css/estilos.css">
<form id="contacto-frm" name="contacto_frm" action="" method="get" enctype="application/x-www-form-urlencoded"> <table sTYLE="table-layout:fixed">
<label for="lecturaactual">Lectura Actual :
</label> <input type="number" id="lecturaactual" name="lecturaactual_numb">
<label for="lecturaanterior">Lectura Anterior:
</label> <input type="number" id="lecturaanterior" name="lecturaanterior_numb">
<p align="center">Subsidio
</p> <p align="center">Contribución
</p>
<select class="estilo" id="estrato" name="estrato">
<div id="contribucion">0
</div>
<input type="button" id="agretabla" class="boton" name="agretabla_btn" value="Agregar a tabla +" >
<input type="button" id="calcular" class="boton" name="calcular_btn" value="Calcular" >
<td>Subsidio/Contribución
</td>
<script type="text/javascript"> var prinum=document.getElementById("lecturaactual");
var segnum=document.getElementById("lecturaanterior");
document.getElementById("consumo").innerHTML=" "+consumo(prinum,segnum);
En el codigo javascript esto:
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