JavaScript - Random Choose From An Array

I am taking a Javascript class and the teacher assigned this:

Quote:
Write a script that uses a random number generation to create sentences and name it sentences.html. Use five arrays of strings called: uppercase article (uarticle), noun, verb, lowercase article (larticle), and preposition. You will need to use the correct case for the article arrays.

Create a sentence by selecting a word at random from each array in the following order: uarticle, noun, verb, preposition, larticle, noun. You can find examples of generating random numbers in both Fig. 8.6 (dice-rolling) and Fig. 8.7 (random image) of Chapter 8.

The arrays should be filled at minimum, as follows: the article array(s) should contain the articles: the, a, one, some and any. The noun array should contain the nouns: boy, girl, dog, town and car. The verb array should contain the verbs: drove, jumped, ran, walked, and skipped. The preposition array should contain the prepositions: to, from, over, under and on. If you would like to add more words, adjust the arrays appropriately.

As each word is picked, concatenate it to the previous words in the sentence. The words should be separated by spaces. When the final sentence is output, it should start with a capital letter and end with a period. The program should generate 20 sentences and output them to the screen (document.write or document.writeln). You should use a for loop similarly to the one used in Fig. 8.6 in order to get it to print 20 times.

I haven't gotten to the loop yet, I'm just working on the random sentence first. Here is what I have:

Code:

 <script type="text/javascript"> 
<!-- 

uarticle = new Array("The", "A", "One", "Some", "Any"); 
noun = new Array("boy", "girl", "dog", "town", "car"); 
verb = new Array("drove", "jumped", "ran", "walked", "skipped"); 
larticle = new Array("the", "a", "one", "some", "any"); 
preposition = new Array("to", "from", "over", "under", "on"); 

var rand1 = [Math.floor ( Math.random() * uarticle.length )]; 
var rand2 = [Math.floor ( Math.random() * noun.length )]; 
var rand3 = [Math.floor ( Math.random() * verb.length )]; 
var rand4 = [Math.floor ( Math.random() * larticle.length )]; 
var rand5 = [Math.floor ( Math.random() * preposition.length )]; 

document.write(uarticle[rand2] + " " + noun[rand2] + " " + verb[rand3] + " " + preposition[rand1] + " " + larticle[rand4] + " " + noun[rand2] + "."); 


--> 
</script>

Am I on the right track? How would I loop the sentences using a for statement?

Hello,

I have an array containing 100 different values.

How would I randomly pick 25 of them for display?

For now I do:
PHP Code:
for (var i=0; i<markers.length && i<25; i++) {

html += markers[i].name + '<br />';

} 


Which of course returns 25 values but always in the same order which is not what I want.

Thanks in advance!

PS. My array could also contain only 20 values, in which case I would like the function to display the 20 values randomly sorted.

hi I'm just new to java and I'm trying to write a script that will shuffle the information in a array with no gaps and no repeats. below is that code that i have so far. thanks ben
[CODE]
//constants
SWAPS_TO_BE_MADE = 30;
//variables
var myArray = new Array('Ace',2,3,4,5,6,7,8,9,10,'Jack','Queen','King'); // the array that entities will be shuffled from
var temp = 0;
var outPutArray = new Array (12);
var arrayLength = myArray.length;
var index = 0;
var swapIndex = 0;
var self_swaps = 0;
var counter = 0;

temp=myArray[swapIndex]

document.write('<h1>Array shuffling</h1>');
document.write('<p>Before shuffle: '+myArray+'</p>');

//loop
while(counter < SWAPS_TO_BE_MADE) {
index =Math.floor(Math.random()*arrayLength);
swapIndex =Math.floor(Math.random()*arrayLength);
var index_value = index;
var range = 1;
myArray.splice(index_value,range,'spilced');
outPutArray[swapIndex] = index;


if(index == swapIndex) {
self_swaps++;
}
counter++;
index = (index + 1 % arrayLength);
swapIndex= (swapIndex + 1 % arrayLength);
}

document.write('<p>After shuffle: '+outPutArray+'</p>');
document.write('<p>After shuffle: '+myArray+'</p>');
[ICODE]

Another homework assignment that I can't quite seem to get to work...

I've been asked to do the following using javascript:
-Create a function named randInt() with one parameter of "size". Declare a variable named "rNum" equal to a random integer between 1 and the value of the size variable. Return the value of the "rNum" varialbe from the function.

-Create a function named getQuote() with one parameter anemd "qNum". The function should create an array named mtQuotes with five quotes; there should be no quote for the array index "0". Return the value of the mtQuotes array for the qNum index.

- In the div element of "quotes" insert a script with the following commands: Declare a variable named "randValue" which is euqal to a random integer between 1 and 5 (use the randInt() function). Declare a variable named "quoteText" containing the quote whose array index value is equal to randValue. Write the value of quoteText to the web page.

Here is what I have...it returns undefined. thanks.

Code:

<html>
<head>

<script type="text/javascript">
function randInt(size) {
	var rNum=Math.ceil(Math.random()*5);
	return(rNum);
}
</script>


<script type="text/javascript">
	function getQuote(qNum);
	var mtQuotes = new Array();
	mtQuotes[0] = "";
	mtQuotes[1] = "I smoke in moderation, only one cigar at a time.";
	mtQuotes[2] = "Be careful of reading health books, you might die of a misprint.";
	mtQuotes[3] = "Man is the only animal that blushes or needs to.";
	mtQuotes[4] = "Clothes make the man. Naked people have little or no influence on society.";
	mtQuotes[5] = "One of the most striking differences between a cat and a lie is that a cat has only nine lives.";
	return mtQuotes[qNum];
</script>
</head>

<body>


     <div id="quotes">
	<script type="text/javascript">
        	var randValue=randInt(5);
	var quoteText=getQuote(randValue);
        	document.write(quoteText);
   	 </script>
   </div>

Well I have an array and a button to select a random integer from the array, how do I make it so that it selects every integer once til all are selected, then it starts over again?

For example, an array has these:

A
B
1
2
Q
F

So you press the button a number of times, and you get:

Q
B
1
F
A
2

Instead of:

1
Q
A
1
B
A

Hey all,

I've developed a nice javascript code library and wish to sell it.
I don't wish competitors to be able to cut and paste pieces from it into
their code. The only way to protect it somehow is to rename variables,
remove comments and so on - i.e. to apply a javascript obfuscator to it.
Please recommend me a javascript obfuscator, and tell me your experience
with it.
In google I've found javascript obfuscator from Stunnix. It looks good to me, but I didn't try it though.

Hi. I'm working on a script that picks out a random entry in an array every 10seconds and show it to the user (using document.write). So far I've got the "Randomizer" to work like this:

Code:

function random(){
	var nummer = Math.floor(Math.random()* tekst.length);
	return nummer;
}

var tekst = new Array("Different", "Values");

and showing it like this:

Code:

document.write(tekst[random()]);

Now, I've tried my best to implement setInterval() to give me a new random number every 10seconds, but so far without any luck...

I appreciate all help!

Thx in advance.

Hello,

I am hoping someone can help me with following search form.

As you can see I have created a form but I don't know how to fix the coding so when a user select a category it will add a different hidden filed for that option for example:
When the user selects category "Men" the hidden filed Code:

<INPUT TYPE="HIDDEN" NAME="REFERRER" VALUE="http://men.com/acatalog/">

will be added



and when the user selects category "Kids" the hidden filed Code:

<INPUT TYPE="HIDDEN" NAME="REFERRER" VALUE="http://kids.com/acatalog/">

will be added



and so on...

Here is my form coding I am using:
Code:

<form name="simplesearch" method="get" action="" onsubmit="ssite=document.getElementById('sitelist');this.action=ssite.options[ssite.selectedIndex].value;return true;">			
 		<input type="hidden" name="page" value="search" />
        <input type="hidden" name="PR" value="-1" />
        <input type="hidden" name="TB" value="A" />
        <input type="hidden" name="NOLOGIN" value="1" /><input align="top" class="main_search_box" name="SS" type="text" value="search for ..." onfocus="this.value='';">
Search within: 
<select id="sitelist">
<option value="">Select Catagory</option>
<option value="http://kids.com/cgi-bin/ss000001.pl">kids</option>
<option value="http://men.com/cgi-bin/ss000001.pl">men</option>
<option value="http://women.com/cgi-bin/ss000001.pl">women</option>
</select><input type="submit" class="button" name="ACTION" value="Go!">
</form>

Also I have one more question how do I make the "Select Catagory" a Must Choose and if not chosen to give message that say"Please Select a Category"


Thank you in advance for any help you can give me...
I am a bigginer so please go easy on me

I'm just starting out with javascripting and am trying to make a Choose your own Adventure game. My goal is to have the scenes and alerts change depending on the button clicked, but I'm stuck, unfortunately. I keep getting the same alerts repeated and my image doesn't change. I think I'm missing code or have made a mistake somewhere, but have no idea what I've done wrong or left out. I don't know if this type of programming has a more specific name, too, so I wasn't sure what to search for to get help. Hopefully someone can guide me in the right direction. I've included my beginning code below.

Thanks

Code:

<script type="text/javascript">

var curScene = "0";

function userChoice(decision){
	alert(decision);
	
/*welcomepage*/
	if(curScene == 0) {
		alert("Welcome to the game.  Chose 1 or 2.");
		
		}if(decision == 1) {
			alert();
			curScene = 1;
		}else if(decision == 2){
			alert();
			curScene = 1;
		}
			
			
/*Scene1*/
		if(curScene == 1){
			alert("go left or right");
				}if(decision == 1) {
			alert("you went left and fell in a hole");
			curScene = 3;
		}else if(decision == 2){
			alert("you go right and come upon a zebra");
			curScene = 4;
		}
}

document.getElementById("sceneimg").src=
	"scene" + curScene + ".jpg";
	
</script>
<img id="sceneimg" src="scene0.jpg" alt=
"Stick Figure Adventure" />
<input type="button" value="1" onClick=
"userChoice(1)">
<input type="button" value="2" onClick=
"userChoice(2)">

</script>

Hi, I want the user to choose one option in each of the radio group. But when I click only one button out of all 12 buttons, it allows the user to submit. How do I change it to a way that the user must click one option for each group in order to allow him/her to submit the form?

Javascript
Code:

function valbutton(thisform) 
{
    // place any other field validations that you require here
    // validate myradiobuttons
    myOption = -1;
    for (i=thisform.myradiobutton.length-1; i > -1; i--)
    {
        if (thisform.myradiobutton[i].checked)
        {
            myOption = i; i = -1;
        }
    }
    
    for (i=thisform.myradiobutton1.length-1; i > -1; i--)
    {
        if (thisform.myradiobutton1[i].checked)
        {
            myOption = i; i = -1;
        }
    }

    for (i=thisform.myradiobutton2.length-1; i > -1; i--)
    {
        if (thisform.myradiobutton2[i].checked)
        {
            myOption = i; i = -1;
        }
    }

    for (i=thisform.myradiobutton3.length-1; i > -1; i--)
    {
        if (thisform.myradiobutton3[i].checked)
        {
            myOption = i; i = -1;
        }
    }
    
    for (i=thisform.myradiobutton4.length-1; i > -1; i--)
    {
        if (thisform.myradiobutton4[i].checked)
        {
            myOption = i; i = -1;
        }
    }

    for (i=thisform.myradiobutton5.length-1; i > -1; i--)
    {
        if (thisform.myradiobutton5[i].checked)
        {
            myOption = i; i = -1;
        }
    }                    

    if (myOption == -1) 
    {
        alert("You must select a radio button");
        return false;
    }

    // place any other field validations that you require here
    thisform.submit(); // this line submits the form after validation
}

HTML

Code:

<p>Cookies</p>
<input type="radio" value="1st value" name="myradiobutton" class="style31" />Enable
<input type="radio" value="2nd value" name="myradiobutton" class="style31" />Enable<br />
<p>Java</p>                                
<input type="radio" value="3rd value" name="myradiobutton1" class="style31" />Enable
<input type="radio" value="4th value" name="myradiobutton1" class="style31" />Enable<br />
<p>Javascript</p>
<input type="radio" value="5th value" name="myradiobutton2" class="style31" />Enable
<input type="radio" value="6th value" name="myradiobutton2" class="style31" />Enable<br />                                   
<p>PHP</p>
<input type="radio" value="7th value" name="myradiobutton3" class="style31" />Enable
<input type="radio" value="8th value" name="myradiobutton3" class="style31" />Enable<br />
<p>C#</p> 
<input type="radio" value="9th value" name="myradiobutton4" class="style31" />Enable
<input type="radio" value="10th value" name="myradiobutton4" class="style31" />Enable<br />
<p>CSS</p>                                     
<input type="radio" value="11st value" name="myradiobutton5" class="style31" />Enable
<input type="radio" value="12nd value" name="myradiobutton5" class="style31" />Enable<br />                                                                                              
<input type="submit" name="submitit" onclick="valbutton(myform);return false;" value="Validate" />
<input type="reset" name="reset" value="Clear" />

Hi,

I'm not much of a programmer, I have this script for randomly rotate a bunch of pictures.
What do you change to make to change from one another, not random?

Thanks
Denny

<script language="javascript">

var delay=5000 //set delay in miliseconds
var curindex=0
var i = 0
var randomimages=new Array()

randomimages[0]="...image01.jpg"
randomimages[1]="...image02.jpg"
randomimages[2]="...image03.jpg"
randomimages[3]="...image04.jpg"
randomimages[4]="...image05.jpg"
randomimages[5]="...image05.jpg"

var preload=new Array()

for (n=0;n<randomimages.length;n++)
{
preload[n]=new Image()
preload[n].src=randomimages[n]
}
i = Math.floor(Math.random()*(randomimages.length))
document.write('<img border=2 name="defaultimage" src="'+randomimages[i]+'">')
function rotateimage()
{
if (curindex==(tempindex=Math.floor(Math.random()*(randomimages.length))))
{
curindex=curindex==0? 1 : curindex-1
}
else
curindex=tempindex
document.images.defaultimage.src=randomimages[curindex]

}
setInterval("rotateimage()",delay)
</script>

I can generate a random number between 1 and 9,
( var rand_no = Math.floor( 1 + Math.random() * 9 ); )
but I want to add that random number to a value that is enterred into an inputbox and get a total.
How can I do this using Javascript and put the result into a hidden field.
I will also need to use that same random number in another place on another form .

Thanks

I need to write something like this: http://justsheri.com/webscripting/wsassignment/1049950/

If you look at the code there is 52 of these <img src = './images/blank1.png'

onClick='clickCard("qh",0)'/> where clickcard("numchanges", increments by 1) how is this done?

Thanks
Danny

Dear all,

Appreciate your kind guidance and help in helping me to solve the following code. I wanted to generate a set of random number on the pinpad everytime the page is being loaded. (1-9 but the number can only appear once) How do I get about doing it?

Sincere Thanks
CAD

Code:

<html>
<head>
<title>Testing with PinPad</title>


<div align="center">

<script language="JavaScript">

document.logonForm.autocomplete='off';

	function setPin(ctl)
	{
	var pinVal = document.logonForm.login_pin.value;
	ctlValue =cutSpaces(ctl.value);

			if(ctlValue=='Clear'){

			document.logonForm.login_pin.value = '';}

			else if(ctlValue=='x')
			{
			}

			else {

			if(pinVal.length==6)
				{
			document.logonForm.pin.value = '';
				}

			else {
			document.logonForm.login_pin.value = pinVal + ctlValue;
				  }

			}


			}


	function cutSpaces(s)
	{
	var s1, x;
	x = s1 = "";
	l = s.length;

	for(i = 0; i < l; i++)
	if((x = s.charAt(i)) != " ")
	s1+=x;
	return s1;

	}

</script>

<script language="javascript">
document.logonForm.login_userid.focus();
</script>

</head>

<form method="post" action="" name="logonForm">

<table width="550" border="0" cellspacing="0" cellpadding="0">
	<tr>
	<td>

	<table width="100%"  border="0" cellspacing="0" cellpadding="5">
		<tr>
		<td>
		<div align="left" class="Headline1">ViA ONLINE - LOGIN WITH PIN PAD</div><hr>
		</td>
		</tr>
	</table>

	<div align="center" class="Error"><br></div>
	</td>
	</tr>
</table>


<table width="550" border="0" cellspacing="0" cellpadding="0">
	<tr>
	<td width="393">

	<table width="100%"  border="0" cellspacing="0" cellpadding="5">

		<tr>
		<td width="42%">
		<div align="left">CUSTOMER NUMBER</div>
		</td>
		<td width="58%">
		<div align="left"><input type="text" name="login_userid" class="TopTextbox" value=""></div>
		</td>
		</tr>


		<tr>
		<td width="42%">
		<div align="left">PASSWORD</div>
		</td>
		<td width="58%">
		<div align="left"><input type="password" name="login_password" class="TopTextbox" value=""></div>
		</td>
		</tr>


		<tr>
		<td width="42%">
		<div align="left">PIN</div>
		</td>
		<td width="58%">
		<div align="left">
		<input type="password" name="login_pin" class="pin_textbox" value="" readonly="readonly" >
		<br>Enter using Pin Pad
		</div>
		</td>

	</tr>

	<tr>
	<td></td>



		<td><div align="left"><input type="submit" name="login_submit" class="Button1" value="LOGIN">
		</div></td>

	</tr>
	</table>
	</td>


		<td width="157"><div align="left">
		<table width="105" border="0" align="right" cellpadding="1" cellspacing="1" bgcolor="#C2C2C2">
		<tbody>

				<tr>
				<td>
				<input name="firstbutton" value="pinpad_0" type="hidden">

						<table width="100%" height="112" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td colspan="3">

								<table border="0" cellpadding="0" cellspacing="0" width="100%">
								<tbody>
								<tr>
								<td border="1" colspan="3" id="titleBar" style="cursor: move;" class="pinpad_key" bgcolor="#246584" nowrap="nowrap">


								<center>
								<font color="white"><b>&nbsp;Pin Pad</b></font></center>

								</td>
								</tr>
								</tbody>
								</table>
				</td>
				</tr>

		<tr>
		<td height="22" align="center">
		<input class="pinpad" tabindex="4" name="pinpad_0" value='5' onclick="setPin(this)" type="button">
		</td>

		<td align="center">
		<input class="pinpad" tabindex="4" name="pinpad_6" value="3" onclick="setPin(this)" type="button">
		</td>

		<td align="center">
		<input class="pinpad" tabindex="4" name="pinpad_5" value="4" onclick="setPin(this)" type="button">
		</td>
		</tr>



		<tr>
		<td height="22" align="center">
		<input class="pinpad" tabindex="4" name="pinpad_7" value="6" onclick="setPin(this)" type="button">
		</td>

		<td align="center">
		<input class="pinpad" tabindex="4" name="pinpad_4" value="1" onclick="setPin(this)" type="button">
		</td>

		<td align="center">
		<input class="pinpad" tabindex="4" name="pinpad_8" value="9" onclick="setPin(this)" type="button">
		</td>
		</tr>



		<tr><td height="22" align="center">
		<input class="pinpad" tabindex="4" name="pinpad_9" value="2" onclick="setPin(this)" type="button">
		</td>

		<td align="center">
		<input class="pinpad" tabindex="4" name="pinpad_1" value="7" onclick="setPin(this)" type="button">
		</td>

		<td align="center">
		<input class="pinpad" tabindex="4" name="pinpad_2" value="8" onclick="setPin(this)" type="button">
		</td>
		</tr>



		<tr><td height="22" align="center">
		<input class="pinpad" tabindex="4" name="pinpad_3" value="0" onclick="javascript:setPin(this)" type="button">
		</td>

		<td colspan="2" align="center">
		<input class="pinpad_clear" tabindex="4" name="pinpad_clear" value="Clear" onclick="setPin(this)" type="button">
		</td>
		</tr>

		</tbody>
		</table>
		</td>

		</tr>
		</tbody>
		</table>
		</div>
		</td>
		</tr>
		</table>

<table width="550" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
		<table width="100%"  border="0" cellspacing="0" cellpadding="5">
		<tr>
		<td><br><hr>




</form>

</html>

I have a text file(quotes.txt) with 35+ quotations, separated by a single line break. Is it possible for a DIV to display a random quotation from quotes.txt each time the user visit my home page?