Test Foro de elhacker.net SMF 2.1

Programación => Desarrollo Web => Mensaje iniciado por: Ori-chan en 18 Diciembre 2012, 21:54 PM

Título: [javascript] Problema
Publicado por: Ori-chan en 18 Diciembre 2012, 21:54 PM
Código (lenguaje) [Seleccionar]

<html>
<head>
<title>Se supone que es sencillo...</title>
</head>
<script type="text/javascript">
n=0;
function suma()
{
n++;
document.write(n);
}
</script>
<body onclick="suma()">
</body>
</html>



Problema:
Cuando pulso el botón izquierdo del ratón aparece un 1 y ya no vuelve a pasar nada. Se supone que puede pulsarse infinitas veces y que aparecerá el numero de veces que lo has pulsado.


Saludos!!  ;D
Título: Re: [javascript] Problema
Publicado por: #!drvy en 18 Diciembre 2012, 23:55 PM
Eso es porque usas document.write. La función sobre escribe el documento entero por tanto borra cualquier tag (html,head,body etc..) y solo muestra lo que has puesto.

Lo correcto en este caso seria darle un ID al <body> y cambiar su valor mediante innerHTML.

Código (javascript) [Seleccionar]
<html>
<head>
<title>Se supone que es sencillo...</title>
</head>
<script type="text/javascript">
var n = 0;
function suma()
{
n++;
document.getElementById('cuerpo').innerHTML = n;
}
</script>
<body id="cuerpo" onclick="suma()">
Clickea me.
</body>
</html>


Saludos
Título: Re: [javascript] Problema
Publicado por: Ori-chan en 19 Diciembre 2012, 07:34 AM
Oh! Muchas gracias. No sabia que se podia hacer lo de ".innerHTML"
  :)