por que no funciona es sencillo

judamo · #1 (**permalink**) 12/01/2010, 13:39

Buenas foreros, mi pregunta es , por que este script tan sencillo no lo hace el navegador Chrome , en cambio IE 8, lo hizo sin problema, Gracias, no he probado con Firefox, alguien me puede sacar de la duda y quizas algunos navegadores no comprenden algunas lineas de js o siguen otro standar, Gracias

Código:

<html>
<head><title>Examen UNO</title>
<script type="text/javascript">
function calcular(){

var n1 = parseInt(document.getElementById("n1").innerHTML);
var n2 = parseInt(document.getElementById("n2").value);
var n3 = parseInt(document.getElementById('n3').value);
var n4 = parseInt(document.getElementById('n4').value);
var n5 = parseInt(document.getElementById('n5').value);
var n6 = parseInt(document.getElementById('n6').value);

var des = n6 *0.3;
var n6 = n6 - des;

var to = n1 + n2 + n3 + n4 + n5 + n6;

alert(to);

}
</script>
</head>
<body>
<form>
Enero <input type="text" name="n1" /><br />
FEB <input type="text" name="n2" /><br />
MAR <input type="text" name="n3" /><br />
ABR <input type="text" name="n4" /><br />
MAY <input type="text" name="n5" /><br />
JUN <input type="text" name="n6" /><br />
<input type="button" value="Total" onclick="calcular();" />
</form>
</body>
</html>

JavierB · #2 (**permalink**) 12/01/2010, 13:43

Hola judamo

Código:

var n1 = parseInt(document.getElementById("n1").innerHTML);

¿Dónde tienes "algo" con id="n1"? y ¿por qué pones innerHTML en lugar de value?

Saludos,

judamo · #3 (**permalink**) 12/01/2010, 14:39

ola javier, upss la verdad coloque una prueba, igual ya cambie la line a value y el navegador chrome sigue sin mostrar resultado, falta configurar algo en el navegador?
n1 es tan solo campo de texto..

Código:

<html>
<head><title>Examen UNO</title>
<script type="text/javascript">
function calcular(){

var n1 = parseInt(document.getElementById("n1").value);
var n2 = parseInt(document.getElementById("n2").value);
var n3 = parseInt(document.getElementById('n3').value);
var n4 = parseInt(document.getElementById('n4').value);
var n5 = parseInt(document.getElementById('n5').value);
var n6 = parseInt(document.getElementById('n6').value);

var des = n6 *0.3;
var n6 = n6 - des;

var to = n1 + n2 + n3 + n4 + n5 + n6;

alert(to);

}
</script>
</head>
<body>
<form>
Enero <input type="text" name="n1" /><br />
FEB <input type="text" name="n2" /><br />
MAR <input type="text" name="n3" /><br />
ABR <input type="text" name="n4" /><br />
MAY <input type="text" name="n5" /><br />
JUN <input type="text" name="n6" /><br />
<input type="button" value="Total" onClick="calcular();" />
</form>
</body>
</html>

JavierB · #4 (**permalink**) 12/01/2010, 15:00

Hola de nuevo.

Repito la pregunta: ¿Dónde tienes "algo" con id="n1"?

O pones identificadores a los campos, o los lees con: document.forms[0].n1.value

Saludos,

maycolalvarez · #5 (**permalink**) 12/01/2010, 15:03

tienes en todos name="n1", pero si usas document.getElementById necesitas especificarles Id:

<form>
Enero <input type="text" name="n1" id="n1"/><br />
FEB <input type="text" name="n2" id="n2" /><br />

judamo · #6 (**permalink**) 12/01/2010, 15:45

Hola javier de nuevo

con respecto a "n1" es el nombre de los campos de texto
ahora coloco un nuevo atributo id ="n1"
ENE <input type="text" id="n1" name="n1" /><br />

Hola maycol

ya coloque los id's en los campos de texto, la verdad no veo la diferencia debido a que en IE 8 me funciona correctamente, la pregunta es, con respecto a chrome no me funciona, este ejemplo simple? no he probado con firefox..

les agradesco las respuesta, ya he editado el codigo y no ha funcionado todavia con Chrome.
Publico de nuevo el codigo corregido

Código:

<html><head><title>Examen UNO</title>
<script type="text/javascript" language="javascript">
function calcular(){
var n1 = parseInt(document.getElementById("n1").value);
var n2 = parseInt(document.getElementById("n2").value);
var n3 = parseInt(document.getElementById("n3").value);
var n4 = parseInt(document.getElementById("n4").value);
var n5 = parseInt(document.getElementById("n5").value);
var n6 = parseInt(document.getElementById("n6").value);
var des = n6 *0.3;
var n6 = n6 - des;
var to = n1 + n2 + n3 + n4 + n5 + n6;
alert(to);
}
</script>
</head>
<body>
<form>
ENE <input type="text" id="n1" name="n1" /><br />
FEB <input type="text" id="n2" name="n2" /><br />
MAR <input type="text" id="n3" name="n3" /><br />
ABR <input type="text" id="n4" name="n4" /><br />
MAY <input type="text" id="n4" name="n5" /><br />
JUN <input type="text" id="n5" name="n6" /><br />
<input type="button" value="Total" onClick="calcular();" />
</form>
</body></html>

masterojitos · #7 (**permalink**) 12/01/2010, 15:51

ps esta mal escrito aca.........

Código HTML:

Ver originalABR <input type="text" id="n4" name="n4" /><br />
MAY <input type="text" id="n4" name="n5" /><br />
JUN <input type="text" id="n5" name="n6" /><br />

debe ser:

Código HTML:

Ver originalENE <input type="text" id="n1" name="n1" /><br />
FEB <input type="text" id="n2" name="n2" /><br />
MAR <input type="text" id="n3" name="n3" /><br />
ABR <input type="text" id="n4" name="n4" /><br />
MAY <input type="text" id="n5" name="n5" /><br />
JUN <input type="text" id="n6" name="n6" /><br />

suerte.

judamo · #8 (**permalink**) 12/01/2010, 16:03

Gracias a todos Foreros, en verdad no sabia la necesidad del atributo id
Problema resuelto, espero encontrar alguna extension en Chrome que me pueda informar estos errores que me tenían confundido, y son errores de observacion y copiar y pegar, Gracias a javier, maycol, masterojitos.

zerokilled · #9 (**permalink**) 12/01/2010, 16:18

no necesitas de una extension adicional. chrome tiene una consola de errores el cual te informa de los errores. la misma la puedes localizar en el menu Papel > Developer > Javascript Console.

judamo · #10 (**permalink**) 12/01/2010, 21:12

Gracias zeroKilled, un excelente aporte, ahora que lo veo esta bueno, me indico algunos errores, espero poder sacarle buen provecho, Gracias, este si acabo con el de ie... Gracias

quimfv · #11 (**permalink**) 13/01/2010, 03:13

Un consejo usa chrome, firefox, opera o el que sea y algunas versiones de IE, veras que todos los navegadores actuan igual execepto IE que no actua igual ni entre sus propias versiones!!!!

Esto es porque todos usan los standares de 3WC menos IE que va por libre... y así nos P...TEA a todos (con perdon).

El id lo necesitas para todos los navegadors acostubrate a ponerlo. Ademas es la forma standar de identificar los elementos del DOM.

(Hay versiones standalone de IE6 que conviven con las superiores ... te servira para ver si lo que has programado funcina como esperas....busca IE6Eolas)

Quim

zerokilled · #12 (**permalink**) 13/01/2010, 03:22

Cita:

Iniciado por quimfv

(Hay versiones estandole de IE6 que conviven con las superiores ...

¿quisistes decir "standalone" o en español independientes?

no conozco el termino estandole.

quimfv · #13 (**permalink**) 13/01/2010, 04:18

Sorry...standalone, dislexia o el dc. aleman no se.

Version que no se instala.

Quim