contar clics

[kalvera85]

Hola compañeros antes que nada muchos saludos a todos ustedes, acudo a ustedes para ver si me peuden ayudar a resolver el siguiente problema, que aunque parece sencillo se me ha complicado bastante.

Lo que necesito hacer es que cambie un numero en pantalla cada que doy clic a un boton pero sin recargar la pagina lo que pasa es que tengo un sistema que estoy diseñando en PHP y tengo tengo muchas funciones en javascript y cuando intento crear una que me ayude a imprimir el valor del numero, me envia a una pagina en blanco y me muestra el numero y lo que yo necesito es que por ejemplo tengo un creador de pruebas entonces el usuario introduce sus criterios y al dar clic en enviar me limpia los campos que tengo y me guarda lo que tenia en otros, pero buen lo que necesito hacer es que al dar clic en el boton me aparesca por ejemplo "Prueba 1" y si doy clic de nuevo en el boton me aparesca "Prueba 2" etc oajala me haya explicado.

De antemamo muchas gracias a todos saludos.

[David]

¿Cuál es el código con el que trataste de hacerlo? Sólo tienes que incrementar una variable en cada click y luego colocarlo en el value del botón.

[Legoltaz]

Sería algo así:

Código HTML:

<input id="boton" type="button" value="Prueba 1" />
 

Código JavaScript:

var n = 1;
document.getElementById('boton').onclick = function(){
    n++;
    this.value = "Prueba "+n;
}
 

[kalvera85]

Disculpen. Tal vez no me explique bien lo que pasa es que no quiero que cambie el value en el boton, sino que al dar clic en el boton vaya cambiando a Prueba 1, Prueba 2, ...., en una parte especifica del formulario no en el valor del boton
por ejemplo si tengo una tabla con 3 filas que Prueba 1, Prueba 2,..., vaya apareciendo en la fila 1 y elboton se encuentre en la fila 3 o fuera de la tabla, espero haberme explicado, pero lo necesito hacer con javascript ya que mi boton es de tipo button porque con el ejecuto mas codigo javascript.

Ojala me puedan ayudar, de antemano gracias.

[David]

La lógina es la misma, sólo tienes que obtener la referencia al elemento usando document.getElementById("id_del_elemento") y cambiar su innerHTML (o value dependiendo del tipo de elemento)