errores con varios programas pequeños

nanotime · #1 (**permalink**) 27/10/2012, 14:58

Sigo trasteando con ejercicios pequeños, para ir viendo mejor como va esto de JS, pero bueno, estoy viendo algunos errores que he tratado de corregir pero tal vez no sea tan bueno como pienso.

A ver, les voy mostrando el código y los errores que me da:

Código HTML:

Ver original<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Ejemplos</title>
    </head>
    <body>
        <script src="JS/devuelve_cuadrado.js"></script>
        <form>
            <form name="formulario">
                <input type="text" name="texto">
                <input type="button" name="numero" value="GO!" onClick="cuadrado()">
            </form>
    </body>
</html>

Código Javascript:

Ver originalfunction cuadrado() {
    var num = document.formulario.texto.value;
    var num1 = parseInt(num);
    var cuad = SQRTnum1;
    return alert('El cuadrado del número ingresado es: ' + cuad);
}

En este estoy simplemente tratando de retornar el cuadrado del número ingresado por el usuario, pero cuando veo la consola de firefox para ver por que no corre, me da esto:

Código:

[15:44:06.007] TypeError: document.formulario is undefined @ file:///home/nano/Code/html/JS/devuelve_cuadrado.js:2

En el segundo ejercicio como tal el error no es de sintaxis, es lógico, he probado algunos cambios pero todo me da igual, a ver si lo consiguen ustedes.

Código HTML:

Ver original<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Ejemplos</title>
    </head>
    <body>
        <script src="JS/devuelve_cuadrado.js"></script>
        <form>
            <form name="formulario">
                <input type="text" name="texto">
                <input type="button" name="numero" value="GO!" onClick="cuadrado()">
            </form>
    </body>
</html>

Código Javascript:

Ver originalfunction mayor () {
    var nm1, nm2
    nm1 = document.form1.num1.value;
    nm2 = document.form1.num2.value;
    if (parseInt(nm1) > parseInt(nm2)) {
        return alert(nm1 + ' es mayor que ' + nm2);
    }
    else{
        return alert(parseInt(nm2) + ' es mayor que ' + parseInt(nm2));
    }
}

El problema como tal es que la verdad nunca me devuelve los alerts como son, siempre pone que el primer numero ingresado es mayor que los demás, así no sea cierto.

Si me pueden echar la mano con esto, sería genial. Es simple y hasta estúpido debe parecer, pero tengo que preguntar

emprear · #2 (**permalink**) 27/10/2012, 15:50

Está muy bien que hagas este tipo de ejercicios, pero tratá de ser más ordenado en el método que utilizás.

Cuando trabajás con javascript y formularios, lo primero que debés hacer es aprender a identificar los elementos del mismo, hay varios métodos y propiedades que te pueden ayudar. Dejá las operaciones para más adelante

Ejemplo

Código HTML:

Ver original<!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>
 
<script type="text/javascript">
//<![CDATA[
function recuperar_valores() {
var A = document.formulario.texto1.value; // devuelve el valor de un campo
alert('A: ' +A);
var B = document.getElementById('texto2').value; // devuelve el valor de un campo
alert('B: '+ B);
var C = document.getElementsByName('texto3'); // devuelve un array para todos los inputs con dicho name
var D = C[0].value;
var E = C[1].value;
alert('D: ' + D);
alert('E: ' + E);
}
 
//]]>
</script>
<title></title>
</head>
<body>
<form name="formulario" action="#" id="formulario"><input type="text" value="" name="texto1" /><br />
<input type="text" value="" name="texto2" id="texto2" /><br />
<input type="text" value="" name="texto3" /><br />
<input type="text" value="" name="texto3" /><br />
<input type="button" onclick="recuperar_valores();" value="valores" /></form>
</body>
</html>

Estos son solo algunos métodos, hay otros (buscálos), y se implementará el que mejor se adapte.

Luego si, complicá tus ejercicios. Pero "masticate" muy bien lo anterior
De paso, sqrt, es la raíz no el cuadrado

Un buen manual/tutorial no estaría de más

Saludos