I manage a wiki-style site that allows for the use of embedded HTML content (through this method, which you may want to reference for the coding: [url removed, login to view]:html-blocks). As part of my website development, I would like to be able to create and embed random result generators that can output 1 of X fixed text results (typically 100) when a user clicks on a button. Average output will be 1-2 sentences (no math, just text), and I want users to be able to continue to get a random result each time they click on the button. The code should be self-contained on the page and not require reloading to get further results.
This generator will need to be on pages with other content, and one page will need to have about two dozen generators. Mobile reactivity is preferred, but not required. To be clear, I am NOT asking you to fill out the results for every generator I need - it's simple copy-paste at that point, and I plan to do that stuff myself. What I need is the completed code that I can put between the HTML tags (as described in the link above), ready for me to copy/paste and insert results to create as many generators as I need. 3 obvious sample results (Result 1, Result 2, Result 3, basically) is all you need to include - as long as it's obvious where to include more results and the generator can accept them, it should be good.
For styling, I would prefer to have the button on the left and the output text on the right, but button above and text below is also acceptable. I'd also like it to have a simple, thin gray or blue border to distinguish the generator as a separate piece of content.
If you know how to create this code, it *should* be fairly simple and straightforward (said the buyer who doesn't know coding, hah), so I'm offering this as a Micro Project.