¿Te refieres a hacer algo como
esto?
En el ejemplo (
el código), lo hago muy simple. Tengo una división con cajas de texto y botones, agrupados en pares dentro de párrafos (también podrías organizarlos en otras divisiones o secciones). En el código JS, tomo a todos los botones y a la división en la cual mostraré los datos que vaya añadiendo. Itero el conjunto de botones y, en cada iteración, asigno una función al evento
click del botón actual en la iteración.
En dicha función, tomo al elemento hermano anterior a este, es decir, a la caja de texto, asigno su valor junto a un mensaje a la división de salida e inhabilito tanto a la caja de texto como al botón. Esto último es opcional, no sé cómo quisieras hacerlo.
Saludos