Foros del Web » Programando para Internet » Javascript »

cambiar texto de boton y escribir en etiqueta..

Estas en el tema de cambiar texto de boton y escribir en etiqueta.. en el foro de Javascript en Foros del Web. Hola como estan, quisiera poder hacer esto pero solo tengo la idea... quiero que un boton tenga el texto "uno" y que cuando se aprete ...
  #1 (permalink)  
Antiguo 08/06/2013, 22:27
 
Fecha de Ingreso: abril-2011
Mensajes: 121
Antigüedad: 13 años, 1 mes
Puntos: 1
cambiar texto de boton y escribir en etiqueta..

Hola como estan,

quisiera poder hacer esto pero solo tengo la idea... quiero que un boton tenga el texto "uno" y que cuando se aprete cambie el texto que está en la página y diga "uno" ejemplo <p id="textodeboton">uno</p>

cuando la etiqueta <p> este con el texto "uno" el botón ahora diga "dos" ejemplo: <button type... value="dos" />

cuando apriete dos que el texto de la etiqueta <p> cambie a "dos" y el texto del boton cambie a "tres"

y lo mismo y lo mismo....

se entiende?.... espero que si, ¿Como podría hacer esto con javascript?

creoque tendría que tener un boton con varios if, pero no se como hacer el resto...

les agradezco cualquier ayuda... saludos.
  #2 (permalink)  
Antiguo 08/06/2013, 22:34
 
Fecha de Ingreso: marzo-2008
Mensajes: 1.020
Antigüedad: 16 años, 1 mes
Puntos: 21
Respuesta: cambiar texto de boton y escribir en etiqueta..

Necesitas hacer un contador. Por cada click, incrementar el mismo. Quizás deberías tener un array con las palabras uno, dos, tres, etc. Y utilizar el contador como índice del array.
__________________
_
  #3 (permalink)  
Antiguo 09/06/2013, 08:18
Avatar de alberto510a  
Fecha de Ingreso: abril-2013
Mensajes: 351
Antigüedad: 11 años
Puntos: 35
Respuesta: cambiar texto de boton y escribir en etiqueta..

Hola mira aquí te hice un ejemplo para que veas como lo tienes que hacer:

Código Javascript:
Ver original
  1. var posicion_array = 0;
  2. //Construimos variable para la posicion del array que crearemos posteriormente
  3.  
  4. function sumar(){
  5.    
  6.     var value_boton = document.getElementById('sumar');
  7.     var parrafo = document.getElementById('number');
  8.     //Recogida de variables
  9.    
  10.     var numeros = new Array ('dos','tres','cuatro','cinco','seis','siete','ocho','nueve','diez');
  11.     //Construcción del array
  12.    
  13.     parrafo.innerHTML = value_boton.innerHTML;
  14.     //Pasamos valor del botón al párrafo
  15.    
  16.     value_boton.innerHTML = numeros[posicion_array];
  17.     //Ponemos como valor del botón el valor del array que le corresponde
  18.    
  19.     posicion_array++;
  20.     //aumentamos variable para la próxima vez que clickemos
  21.    
  22. }

Código HTML:
Ver original
  1. <p id="number">cero</p>
  2. <button id="sumar" onclick="sumar();">uno</button>

Saludos!
__________________
No hay preguntas tontas, sino tontos que no preguntan.
  #4 (permalink)  
Antiguo 09/06/2013, 14:19
 
Fecha de Ingreso: abril-2011
Mensajes: 121
Antigüedad: 13 años, 1 mes
Puntos: 1
Respuesta: cambiar texto de boton y escribir en etiqueta..

Maravilloso!!!, les agradezco muchísimo.... gracias por el ejemplo y el tiempo dedicado en incluso comentarlo...

saludos...

Etiquetas: boton
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:18.