Estoy aprendiendo JS y en mi práctica no consigo hacer que me funcione la primera parte de mi script.
Tengo 3 inputs ( #ancho - #fondo - #alto
), donde escribir números enteros para una multiplicación entre ellos, seguido de una división, pero no me funciona, y ni siquiera veo nada en el div #resultado
Ejemplo: 20 x 20 x 20 / 4000
En la segunda parte quiero comparar si el valor "r=
" es mayor o menor al número escrito en el input #peso
, y en funcion de eso mostrar u ocultar un div, pero si no consigo que la multiplicación y división me funcione, poco podré hacer para comparar luego nada.
Qué estoy haciendo mal aquí...? Alguna pista...?
VER DEMO EN: JSFiddle
Gracias!
HTML:
<input id="ancho"> <!-- Ejemplo value="22" -->
<input id="fondo"> <!-- Ejemplo value="20" -->
<input id="alto"> <!-- Ejemplo value="16" -->
<input id="peso"> <!-- Ejemplo value="3" -->
<div id="hacercalculo" onclick="calcular();comparar()">Calcular</div>
<!--<div id="resultado"></div>-->
<div id="uno">1</div> <!-- oculto via css / display:none -->
<div id="dos">2</div> <!-- oculto via css / display:none -->
<div id="tres">3</div> <!-- oculto via css / display:none -->
jQuery:
https://code.jquery.com/jquery-2.2.4.min.js
Script:
function calcular(){
v1 = document.getElementById("ancho").value;
v2 = document.getElementById("fondo").value;
v3 = document.getElementById("alto").value;
r = v1*v2*v3/4000;
//document.getElementById("resultado").value = r;
document.getElementById("resultado").innerHTML = r;
};
Ahora busco la comparación para mostrar el div #uno: (no me funciona)
function comparar() {
var camp1= document.getElementById("resultado");
var camp2= document.getElementById("peso");
//if (camp1.value >= 0 && camp2.value <= 3) {
//if (camp1.innerText >= 0 && camp2.innerText <= 3) {
//if (camp1.innerHTML >= 0 && camp2.value <= 3) {
if (camp1.innerText >= 0 && camp2.value <= 3) {
$("#uno").show();
}
};
#resultado
) para no mostrarlo, y ahora estoy buscando comparar el valor del resultado con el valor escrito en el input#peso
para que si resultado<= 0 && <= 3
pueda ver (.show
) el div#uno
, y así con las siguientes comparaciones entre el resultado y el valor numerico de#peso
. ¿Cómo puedo hacerlo..? Gracias!