[SOLUCIONADO] Evitar que desaparezca el button

blancoarnau · #1 (**permalink**) 29/06/2013, 04:27

Muy buenas. Llevo un tiempo aprendiendo a usar Javascript y me gustaría aprender como lo debo hacer para qué al ejecutar una function con un button, no desaparezca. Esto es lo que he llegado a hacer hasta ahora:

Código HTML:

Ver original<html>
<title>Título</title>
<head></head>
<form>
<input type="button" value="Click 1" onclick="sayhello(1)" /><br />
<input type="button" value="Click 2" onclick="sayhello(2)" />
</form>
<body id="body"></body>
<script type="text/javascript">
function sayhello(x) {
    if(x==1) {
    document.getElementById("body").innerText="Una boca de gracia";
    } else {
        document.getElementById("body").innerText="You're Sexy";
    }
}
 
</script>
</html>

Lo de "you're sexy" and "una boca de gracia" lo he escrito porque no sabia que escribir

Pues eso, que cuando pulso un botón, éste y el otro desaparece. ¿Alguien me puede ayudar? Gracias :)

alexg88 · #2 (**permalink**) 30/06/2013, 06:28

Tienes mal puesta los tags en html. Un elemento form debe ir dentro del body siempre. Tal y como lo has puesto, el navegador te lo arreglará para meter el form dentro del body y, por eso, te desaparecen los botones cuando pulsas uno de ellos (se sobreescribe todo lo que hay en el body por el mensaje).

Código HTML:

Ver original<html>
<title>Título</title>
<head>
<script type="text/javascript">
function sayhello(x) {
    if(x==1) {
    document.getElementById("message").innerText="Una boca de gracia";
    } else {
        document.getElementById("message").innerText="You're Sexy";
    }
}
 </script>
</head>
<body>
<form>
<input type="button" value="Click 1" onclick="sayhello(1)" /><br />
<input type="button" value="Click 2" onclick="sayhello(2)" />
</form>
<div id="message">
</div>
</body>
</html>