I am building a webpage where I want to display parts of a sentence on page load/reload.
For example:
I love pasta with mushroom sauce
becomes this upon reload:
I love lentils with butter
Beginning text stays the same, and the randomized part changes from a list that is somewhere in the HTML code (otherwise it will be unmanageable).
I am trying to find the simplest and fastest solution to do this without having changes in the style of the division (I don’t want linebreaks or style changes between the static text and the random part, it needs to be seamless) and having all the code contained in one page (there won’t be more than 5 variables per sentence and less than 10 sentences in total), I’d rather have a large self-contained file than external scripts.
I’ve seen a lot of similar questions here, but when I tried them they didn’t work correctly. I am good with HTML but not advanced in JS.
My current code is here, adapted from this but I don’t know how to pull the text samples into the div.