Creating a random generator with results that I can format with HTML and CSS?

[wygolvillage]

Ok, so, I have a project I'm cooking up and one of the pages involves a random generator. I've found how to make one of those pretty easily but the problem is that all of the tutorials I've found just let me have text results, but I want to be able to have both text and images and- this is a little weird- have certain bits of text and some images determined with span class, so it can call to the stylesheet that's currently "active" (since the concept for this project prominently features a theme switcher) to find which names, images, text strings, etc. to display within the generated result. (Very sorry if this doesn't make any sense lol)

Apologies if this is extremely obvious to anyone who knows how to use Javascript since I most definitely do not, but... Is there a way to use HTML in the results that the generator can pick from?

[TheFrugalGamer]

Yes, in general if you can print text, you can print anything else as well. Do you have an example of the javascript you're using that you could share?

[wygolvillage]

I was using some of the code examples from this thread.

[TheFrugalGamer]

So assuming you're using this code:

Code

<script>
	      function myFunction() {
	      var r_text = new Array ();
	      r_text[0] = "a";
	      r_text[1] = "b";
	      r_text[2] = "c";
	      r_text[3] = "d";
	      var i = Math.floor(4*Math.random())
	      document.getElementById("text").innerHTML = r_text[i];
	      }
	</script>

You can place anything on the other side of "r_text[0] =" and have it print. So replace "a" with:

Code

<img src='source_here' class='myClass'> a, or whatever text you want to generate

and "b" and so forth with something similar. Sometimes apostrophes will confuse the code, so make sure if you're inside a pair of "", that you use '' instead, or leave them out altogether.

[wygolvillage]

It worked! Turns out I was using quotation marks instead of apostrophes... I had no idea that was what was messing it up 

[TheFrugalGamer]

Awesome, so glad it came together! Javascript is pretty forgiving overall, but I still mess up the apostrophes on occasion.