Duplicado de script para separar la funcion

[jearj]

Porque no me funciona el resultado 2??

Estoy creando un Marcador deportivo y esto es lo ultimo que me falta por hacer.

Creo que es posible lo que quiero, pero he probado de todo y no veo el modo,


Este es el código que intento adaptar:

<div id="wrapper">
<div id="header">
<script language="javascript">
function calcula(operacion){
var operando1 = document.calc.operando1.value;
var operando2 = document.calc.operando2.value;
var result = eval(operando1 + operacion + operando2);
document.calc.resultado.value = result ;
}
</script>

<script language="javascript">
function calcula2(operacion){
var operando3 = document.calc2.operando3.value;
var operando2 = document.calc2.operando2.value;
var result = eval(operando3 + operacion + operando2);
document.calc2.resultado2.value = result ;
}
</script>

<form name="calc">
<form name="calc2">

<input type="text" name="operando1" value="Operador 1" size="12" onclick="calcula('/')">

<input type="text" name="operando2" value="Operador 2" size="12" onclick="calcula('/')">

<input type="button" name="resultado" value="Resultado 1" size="12">


<input type="text" name="operando3" value="Operando 3" size="12" onclick="calcula2('/')">

<input type="button" name="resultado2" value="Resultado 2" size="12">
</form></form>


También vendría Bien quitar el ``onclick ´´ para que fuese automático al poner el numero

Saludos y Gracias por leerme.

[jearj]

Se me olvido poner que en realidad los input type="text" son también type="button" y solo se utilizan atreves de botones.

Os dejo una captura del proyecto para que lo veáis mejor.




Todo funciona perfectamente tal y como lo quiero, menos el promedio del jugador 2. Puedo hacerlo funcionar pero tendría que poner dos input "campos" de entradas y solo quiero uno en medio de los dos marcadores, como esta en la img

[caricatos]

Hola:

Sin leer detalladamente el código, el problema básico es simple... prohibido anidar formularios...

Saludos

[jearj]

Iniciado por caricatos

Hola:

Sin leer detalladamente el código, el problema básico es simple... prohibido anidar formularios...

Saludos

Gracias caricatos

Eso ya lo sabia, he hecho muchísimas combinaciones, como poner dos nombre a un solo formulario y no veo la manera de hacerlo. La verdad, es que estoy muy verde con los .js

Solo es una manera de presentároslo.

El Caso es que necesito que ambos formularios utilicen un mismo campo (input) para no tener que hacer otro marcador de entradas que no necesita.

Saludos

[ZedGe1505]

Esta es una idea, no se si es lo que necesitas pero igual necesita trabajo:

Primero utiliza solo 1 form... en el peor de los casos usa 2 form pero separados:

Código HTML:

<form name="calc">
<input type="text" name="operando1" value="Operador 1" size="12" onkeyup="calcular()">
<input type="text" name="operando2" value="Operador 2" size="12" onkeyup="calcular()">
<input type="button" name="resultado" value="Resultado 1" size="12">
 
<input type="text" name="operando3" value="Operando 3" size="12" onkeyup="calcular()">
<input type="button" name="resultado2" value="Resultado 2" size="12">
</form>
 

Con onkeyup se dispara el evento cada vez que sueltas la tecla, por lo que cuando ingreses algo en cualquier input evalúa si los input de las operaciones son números, si no lo son resetea el boton.

Código Javascript:

function calcular(){
var valor1 = $('input:text[name=operando1]').val();
var valor2 = $('input:text[name=operando2]').val();
var valor3 = $('input:text[name=operando3]').val();
 
if(isNumeric(valor1) && isNumeric(valor2)){
    var result = eval(valor1 / valor2);
    document.calc.resultado.value = result ;
}else{
    document.calc.resultado.value = "Resultado 1";
}
 
if(isNumeric(valor2) && isNumeric(valor3)){
    var result = eval(valor2 / valor3);
    document.calc.resultado2.value = result ;
}else{
    document.calc.resultado2.value = "Resultado 2";
}
 
}
 
function isNumeric(x) {
 if (isNaN(x) || x < 0) {
        return false
    } else {
        return true
    }
}