Website with 3 randomly picked statements from list

kicks66 · 8 Apr 2013 at 14:36

Im trying to create a website for my company. We'd like to have a site which we display 3 statements from a list of around 20. How would I go about doing this?

kicks66 · 8 Apr 2013 at 14:47

Spunkey said:
How are you storing your 20 statements? What language do you want to use to retrieve them?

Im quite new to this so the easiest way would be best, im not sure what this is? I thought it would be possible to store them in the code and only display 3 of them randomly on the page?

kicks66 · 8 Apr 2013 at 15:55

So I tried to implement that:

Code:

<html>
<head>
<title>test</title>
<script type="text/javascript">

var statements = [
	'test1',
	'test2',
	'test3',
];

function getRandomStatement() {
	return statements[Math.floor(Math.random() * statements.length)];
}

document.getElementByID('foo').innerText = getRandomStatement();

</script>
<body bgcolor="#FFFF00">
<h1 style="text-align: center;">
<span style="color:#000000;">
<span style="font-family: 'lucida sans unicode', 'lucida grande', sans-serif;">
<span style="font-size: 36px;">
<span style="line-height: 16px;">
<span style="background-color:#ffff00;">
<div id="foo"></div>
</span>
</span>
</span>
</span>
</span>
</h1>
</body>
</html>

But it doesnt display anything on my site. I think I must be being a total noob here.

kicks66 · 8 Apr 2013 at 16:09

Spunkey said:
Sorry my fault, it should be 'getElementById' - note the lowercase 'd'

It still doesn't seem to be working for me.