Se recarga la pagina!!!

dani_lega · #1 (**permalink**) 14/06/2011, 01:29

Buenos dias,

Estoy empezando con javascript, y estoy haciendo una calculadora muy sencilla.
el caso es que al hacer click en cualquiera de los numero deberia ponerse su valor en el label resultado, eso lo hace bien, pero acto seguido se recarga la pagina. Os dejo el codigo a ver si podeis decirme cual es el problema.

Un saludo y gracias de antemano.

Código Javascript:

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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
#izquierda {
float:left;
height:Auto;
}
 
#derecha {
float:left;
width:200px;
height:Auto;
}
 
</style>
<script type="text/javascript">
    function IntroducirValor(object){
        document.getElementById("resultado").innerText= object.name;
    }
</script>
</head>
<body>
    <form name="">
    <div name="CapaResultado">
        <label id="resultado" > </label>
    </div> 
    <div name="numeros" id="izquierda" >
        <input type="submit" name="1" value="1" onclick="resultado.innerText = this.name;"/>
        <input type="submit" name="2" value="2" onclick="IntroducirValor(this);"/>
        <input type="submit" name="3" value="3" onclick="IntroducirValor(this);"/>
        <br/>
        <input type="submit" name="4" value="4" onclick="IntroducirValor(this);"/>
        <input type="submit" name="5" value="5" onclick="IntroducirValor(this);"/>
        <input type="submit" name="6" value="6" onclick="IntroducirValor(this);"/>  
        <br/>
        <input type="submit" name="7" value="7" onclick="IntroducirValor(this);"/>
        <input type="submit" name="8" value="8" onclick="IntroducirValor(this);"/>
        <input type="submit" name="9" value="9" onclick="IntroducirValor(this);"/>  
        <br/>
        &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
        <input type="submit" name="0" value="0" onclick="IntroducirValor(this);"/>
    </div>
    <div name="operaciones" id="derecha">
        <input type="submit" name="dividir" value="Dividir" onclick="dividir()"/>
        <br/>
        <input type="submit" name="multiplicar" value="Multiplicar" onclick="Multiplicar()"/>   
        <br/>
        <input type="submit" name="restar" value="Restar" onclick="restar()"/>
        <br/>
        <button type="submit" name="sumar" value="Sumar" onclick="IntroducirValor(this);">Sumar </button>
        <br/>
        <input type="submit" name="igual" value="Igual" onclick="alert(this);"/>
    </div>
    </form>
</body>
</html>

zerokilled · #2 (**permalink**) 14/06/2011, 06:41

buenas,
fijate que todos tus botones <input> son de tipo de submit. este tipo de boton es especificamente para el envio del formulario, por tanto percibiras una recarga. debes usar <input> de tipo button ya que estos no tienen ningun efecto asociado.

dani_lega · #3 (**permalink**) 14/06/2011, 14:49

Gracias por la explicación!! lo he probado y funciona perfecto!!
un Saludo!!