[javascript] Problema

Ori-chan · 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!!

#!drvy · 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

Ori-chan · 19 Diciembre 2012, 07:34 AM

Oh! Muchas gracias. No sabia que se podia hacer lo de ".innerHTML"

Test Foro de elhacker.net SMF 2.1

[javascript] Problema

Ori-chan

#!drvy

Ori-chan