Advice Wanted: Creating a Random Database

[nerdboy]

Originally Posted by OneMoreTime

<script type="text/javascript">
/**
Simply add the following to the code to make either new truths or dares 
dare.push("blah"); 
truth.push("blah"); 
**/
var dare = new Array();
        dare.push("dare 1");
        dare.push("dare 2");

var truth = new Array();
        truth.push('truth 1');
        truth.push('truth 2');

                
function rotate_dare()  {
        var i = Math.floor(Math.random()*dare.length);
    document.getElementById('dare_content').innerHTML = dare[i];
        document.getElementById('dice_roll').innerHTML = '';
}
function rotate_truth() {
        var i= Math.floor(Math.random()*truth.length);
        document.getElementById('dare_content').innerHTML = truth[i];
                document.getElementById('dice_roll').innerHTML = '';

}

</script>
<table cellpadding="5" cellspacing="3" align="center" style="background-color:#EDE685">
<tr>
<td colspan="2" align="center" width="500" style="font-family:Times New Roman;"><b>Truth or Dare?</b></td>
</tr>
<tr>
<td align="center"><input type="button" value="Truth" border="0" onclick="javascript:rotate_truth()" /></td>
<td align="center"><input type="button" value="Dare" border="0" onclick="javascript:rotate_dare()" /></td>
</tr>
<tr>
<td id="dare_content" colspan="2" width="500" align="center">Go ahead, ask for a truth ... I dare you!</td>
</tr>
</table>

again, you would have to add new entries manually, but once they are added you can easily open up the HTML page in any browser and grab random dares/truths/whatever you want

Great code! Simple and get things done..

1 issue with the random algorithm though. Math.random() will generate value 1 > n > 0. So it will always be 0.12313 or whatever random decimal value it will find.

Thus:
var i = Math.floor(Math.random()*dare.length);

will always give you 0s until you have 'dare' entries more that 10.



The code should be:

var i = Math.floor(Math.random()*1000*dare.length) % dare.length;

That way, the random value will always be above 0, then get the remainder value when divided by number of 'dare' entries.

[Leopard]

I think I understand what you're saying there, but his code works perfectly for me with only two entries?

[OneMoreTime]

normally, yes that is a concern, but with arrays you start with entry 0 not 1

of course, this has nothing to do with what you said, so ignore me :P

[nerdboy]

Originally Posted by Leopard

I think I understand what you're saying there, but his code works perfectly for me with only two entries?

Actually his method works too. My bad.
floor(0.8 * 2) = 1
floor(0.4 * 2) = 0

[Leopard]

Only semi related and entirely selfish question:

Is it possible to make it load a random image using javascript, too?

[OneMoreTime]

ya, it would be a similar idea, assuming you have a handle on the HTML part to add the button in, you need something like

var image= new Array();
        image.push("Image URL 1");

function rotate_image() {
        var i= Math.floor(Math.random()*image.length);
        document.getElementById('dare_content').innerHTML = "<img src='"+image[i]+"'>";

Of course the site color parsed it weird so its hard to see, but there is a nested quote in the innerHTML here, so a url with any sort of quotes will not work.

[Leopard]

Thank you very much

Now to make it pretty, and my own little task generator will be complete

[321tt]

As to image the image: if you have an image in the page, like

<img src="images/image0.jpg" id="myimg"/>

then in JavaScript you can put

x=5;
document.getElementById('myimg').src='images/image'+x+'.jpg';

and it'll do your job. Just don't forget the id property with the image.