JavaScript - Ie Issue With Nested Loops

i am having trouble with a program for class hoping someone can point me in the right direction i am supposed to use nested for loops to output 2 seperate webpages one with the first pattern below and then another with the second pattern. Thanks for your help


[x]
[x][x]
[x][x][x]
[x][x][x][x]
[x][x][x][x][x]
[x][x][x][x][x][x]
[x][x][x][x][x][x][x]
[x][x][x][x][x][x][x][x]
[x][x][x][x][x][x][x][x][x]
[x][x][x][x][x][x][x][x][x][x]



[O]
[O][O]
[O][O][O]
[O][O][O][O]
[O][O][O][O][O]
[O][O][O][O][O][O]
[O][O][O][O][O][O][O]
[O][O][O][O][O][O][O][O]
[O][O][O][O][O][O][O][O][O]
[O][O][O][O][O][O][O][O][O][O]
**************************
**************************
[O][O][O][O][O][O][O][O][O][O]
[O][O][O][O][O][O][O][O][O]
[O][O][O][O][O][O][O][O]
[O][O][O][O][O][O][O]
[O][O][O][O][O][O]
[O][O][O][O][O]
[O][O][O][O]
[O][O][O]
[O][O]
[O]

I am having an issue with this script I wrote. Actually it works the way it is now, but not the way I want it too.

This is a random raffle ticket number generater. The guys at the fire department where talking about selling 300 tickets and discussing how they were going to select and call the numbers. It got me thinking and inspired to start messing around with javascript again.

It all starts with index.html and a form w/ a button and textarea. When a user clicks the button it will generate a random number and insert it into the textarea. This is accomplished by the Generate(); function that is in Genny.js an external js file.

Code:

<h2>Raffle Ticket Number Generator</h2>
<form name="theform">
<input type="button" name="pickNumber" value="Pick a Winner" onclick="Generate();" />
<br /><br />
<textarea cols="40" rows="25" name="winnersCircle">Winning Numbers Will Display Here!
</textarea>
</form>

This much works just fine. Now onto Genny.js
Code:

//initialize counter and array
count = 1;
winners = new Array();

function Generate(){
//generate a random number from 0-300
var random_number = Math.floor(Math.random()*301);

//checks output of Math.random() against winners array to see if number has been used already
for (i = 0; i < winners.length; i++ ) { 
	if ( winners[i] == random_number )
		alert("I am so sorry... we have accidently drawn a duplicate number! Please pick again.");
}
//add the number to the array
winners[count] = random_number;
//increment the counter
count++;
//display the stored random number
document.theform.winnersCircle.value = winners.join("\n");
}

This much works...somewhat! It generates the random number and checks the winners array to see if it is already used. If it wasn't used it adds the number to the array, increments the counter, and then displays the number in the textarea of the form, as it should. If the number was used it alerts the user, once the user clicks the button to accept the alert it carries on with the script and adds it to the array again and also displays it.
This is not what I want it to do. If the number was used I do not want it added to the array or displayed. I would also like it to regenerate another number without the alert. The alert was wrote in to assist me in checking to see if it was finding a duplicate number, thats all.

As an extra, is there a way to also add a numbered list to the results. To show the sequence of the ticket draw.

I have messed with this for days and rewrote it over and over. I have used different loops and conditional operators to try and solve this problem. But to no avail. Here I am, asking not for the answer but a push in the right direction. Any help would be great, this is becoming an obsession trying to make it work. The code above is the last attempt at this point. Everything else has returned no values or just errors.
Thanks in advance!

I'm having a javascript problem with nested elements. Consider an example in which you have two nested elements with element 2 being inside of element 1 and only element 1 has an onmouseout event handler.

<div style="position:relative;border:1px solid red;width:300px;height:300px" onmouseout="alert('whatever')"> //element 1
<div style="position:absolute;border:1px solid blue;left:50%;top:50%;margin-left:-50px;margin-top:-50px;width:100px;height:100px">//element 2
</div>
</div>

The 2 problems here are as follows:

1- Moving the mouse pointer over element 2 from element 1 causes a onmouseout with element 1. But this is a minor problem.
2- Moving the mouse pointer from element 2 back to element 1 causes a mouseout with ,I believe, element 2 even though there is no onmouseout event handler here. This is a major problem.

Is problem #2 due to possibly an automatic inheritance of the onmouseover handler from element 1 onto element 2 OR is it the result of event capturing or what else? I can't tell either way. If it's due to inheritance how do you stop this from taking place? The strange thing is that tutorials give this kind of scenario with element 2 inside of element 1 with both elements having the same event handler but they don't say what happens in this case with just one element having a specific event handler. Thank you.

Hey Guys! I've previously done HTML, but now started to learn some aspects of Javascript but getting rather confused with Loops! I've done a some coding for the Loop question (probably doesn't make sense) but I was wondering if you could help me out? I'm about as confused as a cow on a Astro Turf so my code may look terrible!

- For this question you will: Draw a flow chart and write a javascript function which will use a for loop and allow the user to enter the details for four students when the program is run and display the average. Assume that they equal weighting. Hint: Javascript may assume that the value received from a prompt is a string so use parseInt() to make sure the number is an integer.

Here is my code: (I'm using Aptana) Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
   <html>
   	<meta http-equiv="Content-Type" content="text/javascript; charset=utf-8"/>
   	<title>Average Marks</title>
   		 	<!-- Date: 2011-10-27 -->
                               <head>
   		 		<script type="text/javascript">
   		 			function marks () {
   		 				
   		 				var mark1 = 10;
   		 				var mark2 = 25;
   		 				var mark3 = 50;
   		 				
   		 			for(var mark1 = 10; mark1<20; mark1++)
   		 			   (var mark2 = 25; mark2<50; mark2++)
   		 			   (var mark3 = 50; mark3<90; mark3++)
   		 			{
   		 				alert(mark1 + "<br /> ");
   		 					 (mark2 + "<br /> ");
   		 					 (mark3 + "<br />" );
   		 				console.log(mark1)
   		 				console.log(mark2)
   		 				console.log(mark3)
   		 			}
						  
						}
						
						function average () {
						  
						  parseInt()
						}
   		 	</script>
   		 	<body onload="marks()">
   		 	</body>
   			</head>
   			</html>

P.S. I'm not using the prompt for the user to enter their details yet, as I wanted to test it with the marks already set.

Regards

Hello, i am new here however my knowledge is not that limited like that one guy wolf who oldMaster was helping with i read the RULES and his thread lol

so my question is, i have made a for loop and in side the for loop i wrote document.write(<td>date</td>"<td class = 'amt'>amount</td>);
where date, amount, firstName, and lastName, are the values of the date, amount, firstName, and lastName arrays for the index indicated by the current value of the for loop counter varible


so questions : i have spent the past 3 days looking online for the correct answer
document.write(<td>date</td>"<td class = 'amt'>amount</td>); ?

HTML FILE
Code:

<title>The Lighthouse</title>
   <link href="lhouse.css" rel="stylesheet" type="text/css" />
   
   <script type = "text/javascript" src = "list.js"></script> 	<!-- caling the external file -->
		<script type ="text/javascript">
		
	   function amountTotal(){
	   //i dont think we need an array made because we have called the external file called list.js which holds the arrays
	   
	   //sets the variable to 0
	   var total = 0; //new Array("firstName", "lastName", "street", "city", "state", "zip", "amount", "date");
	   
			//that loops through all the values in the amount array, at each point in the loop add the current value of the array item to the value of the total variable
		   for(var i = 0; i < amount.length; i++)
		   {	
				total = total + amount[i];
				
		   }//enf forloop
		   
		   //i must return the sum of all the values in the amount array
			
			return total;
	   
	   }//end of function total
   
   </script>
</head>

<body>

   <div id="title">
      <img src="logo.jpg" alt="The Lighthouse" />
      The Lighthouse<br />
      543 Oak Street<br />
      Owensboro, KY &nbsp;&nbsp;42302<br/>
      (270) 555-7511
   </div>

   <div id="data_list">
   <!--//creates a new script -->
   <script type = "text/javascript">
   
	   document.write("<table border='1' rules='rows' cellspacing='0'>");
	   document.write("<tr>");
	   document.write("<th>Date</th><th>Amount</th><th>First Name</th>");
	   document.write("<th>Last Name</th><th>Address</th>");
	   document.write("</tr>");		
	   document.write("</table>");
	  
	   
   for(var i = 0; i < date.length; i++)
		{
		if(i % 2 )
			document.write("<tr>");
		else
		document.write("<tr class='yellowrow'>");
		document.write("<td>"date"</td>"<td class = 'amt'>amount"</td>");
		}//end for
		
	 </script>
  
   

   </div>

   <div id="totals">
   <!--//this creates a script -->
   <script type = "text/javascript">
   
   //this is how to print a table to the screen only when html is inside a script
   document.write(
   <table border='1' cellspacing='1'>
		<tr>
			<th id ='sumTitle' colspan='2'>
				Summary
				</th>
			</tr>
		<tr>
			<th>Contributors</th>
			<th>contributions</th>
		</tr>
		<tr>
			<th>Amount</th>
			<td>$total</td>
		</tr>
</table>);	
   
   
   </script>

   </div>

</body>
</html>

THIS IS THE ARRAY LIST WHICH IS THE EXTERNAL FILE
Code:

firstName = new Array();
lastName = new Array();
street = new Array();
city = new Array();
state= new Array();
zip = new Array();
amount = new Array();
date = new Array()


firstName[0]="Nina";
lastName[0]="Largent";
street[0]="88 Regal Lane";
city[0]="Williamsburg";
state[0]="KY";
zip[0]="40769";
amount[0]=125;
date[0]="2011-09-18";


firstName[1]="Mike";
lastName[1]="Hunt";
street[1]="Da404 Barrow Street";
city[1]="London";
state[1]="KY";
zip[1]="40742";
amount[1]=75;
date[1]="2011-09-18";


firstName[2]="Monica";
lastName[2]="Lang";
street[2]="743 Stawlings Drive";
city[2]="Danville";
state[2]="KY";
zip[2]="40423";
amount[2]=50;
date[2]="2011-09-16";


firstName[3]="William";
lastName[3]="Mcknight";
street[3]="102 Maple Lane";
city[3]="Danville";
state[3]="KY";
zip[3]="40423";
amount[3]=150;
date[3]="2011-09-15";


firstName[4]="Latrina";
lastName[4]="Hults";
street[4]="750 Whitehall Road";
city[4]="London";
state[4]="KY";
zip[4]="40742";
amount[4]=250;
date[4]="2011-09-14";


firstName[5]="Danny";
lastName[5]="Shamblin";
street[5]="123 Smith Drive";
city[5]="Owensboro";
state[5]="KY";
zip[5]="42303";
amount[5]=50;
date[5]="2011-09-13";


firstName[6]="Tina";
lastName[6]="Ammons";
street[6]="888 Evans Way";
city[6]="Williamsburg";
state[6]="KY";
zip[6]="40769";
amount[6]=50;
date[6]="2011-09-13";


firstName[7]="Joanne";
lastName[7]="Fine";
street[7]="210 Bowling Terrace";
city[7]="Williamsburg";
state[7]="KY";
zip[7]="40769";
amount[7]=125;
date[7]="2011-09-11";


firstName[8]="Charlotte";
lastName[8]="Foulk";
street[8]="109 South Road";
city[8]="Danville";
state[8]="KY";
zip[8]="40423";
amount[8]=50;
date[8]="2011-09-10";


firstName[9]="Candice";
lastName[9]="Alfaro";
street[9]="108 Atwood Avenue";
city[9]="Owensboro";
state[9]="KY";
zip[9]="42303";
amount[9]=400;
date[9]="2011-09-08";


firstName[10]="Kristi";
lastName[10]="Laine";
street[10]="512 North Lane";
city[10]="Williamsburg";
state[10]="KY";
zip[10]="40769";
amount[10]=225;
date[10]="2011-09-08";


firstName[11]="Elisabeth";
lastName[11]="Carbone";
street[11]="381 Main Street";
city[11]="London";
state[11]="KY";
zip[11]="40742";
amount[11]=200;
date[11]="2011-09-07";


firstName[12]="James";
lastName[12]="Larsen";
street[12]="212 Rawlings Way";
city[12]="Jackson";
state[12]="KY";
zip[12]="41339";
amount[12]=125;
date[12]="2011-09-07";


firstName[13]="Ralph";
lastName[13]="Thornton";
street[13]="444 Smith Drive";
city[13]="Owensboro";
state[13]="KY";
zip[13]="42303";
amount[13]=100;
date[13]="2011-09-07";


firstName[14]="Robin";
lastName[14]="Witt";
street[14]="78 Norland Pines";
city[14]="London";
state[14]="KY";
zip[14]="40742";
amount[14]=75;
date[14]="2011-09-07";


firstName[15]="Alex";
lastName[15]="Ruiz";
street[15]="102 Sunset Road";
city[15]="Jackson";
state[15]="KY";
zip[15]="41339";
amount[15]=50;
date[15]="2011-09-06";


firstName[16]="Callie";
lastName[16]="Rudy";
street[16]="3 Sunset Road";
city[16]="Jackson";
state[16]="KY";
zip[16]="41339";
amount[16]=50;
date[16]="2011-09-06";


firstName[17]="Michael";
lastName[17]="Harrell";
street[17]="125 Sunset Road";
city[17]="Jackson";
state[17]="KY";
zip[17]="41339";
amount[17]=50;
date[17]="2011-09-06";


firstName[18]="Edgar";
lastName[18]="Morales";
street[18]="387 North Lane";
city[18]="Williamsburg";
state[18]="KY";
zip[18]="40769";
amount[18]=250;
date[18]="2011-09-05";


firstName[19]="Arlene";
lastName[19]="Lutz";
street[19]="7888 Clear View Drive";
city[19]="Danville";
state[19]="KY";
zip[19]="40423";
amount[19]=75;
date[19]="2011-09-05";


firstName[20]="Earl";
lastName[20]="Holmes";
street[20]="1001 Rawlings Way";
city[20]="Jackson";
state[20]="KY";
zip[20]="41339";
amount[20]=500;
date[20]="2011-09-04";


firstName[21]="Bernice";
lastName[21]="Drew";
street[21]="25 Main Street";
city[21]="London";
state[21]="KY";
zip[21]="40742";
amount[21]=150;
date[21]="2011-09-04";


firstName[22]="Patrick";
lastName[22]="Granier";
street[22]="100 Atwood Avenue";
city[22]="Owensboro";
state[22]="KY";
zip[22]="42303";
amount[22]=75;
date[22]="2011-09-03";


firstName[23]="Henry";
lastName[23]="Bailey";
street[23]="37 East Maple Street";
city[23]="Danville";
state[23]="KY";
zip[23]="40423";
amount[23]=50;
date[23]="2011-09-03";


firstName[24]="Ginny";
lastName[24]="Rainey";
street[24]="657 Dawson Lane";
city[24]="Danville";
state[24]="KY";
zip[24]="40423";
amount[24]=50;
date[24]="2011-09-03";


firstName[25]="Ginny";
lastName[25]="Rainey";
street[25]="657 Dawson Lane";
city[25]="Danville";
state[25]="KY";
zip[25]="40423";
amount[25]=75;
date[25]="2011-09-03";


firstName[26]="Basilia";
lastName[26]="Lu";
street[26]="851 Flad Court";
city[26]="Jackson";
state[26]="KY";
zip[26]="41339";
amount[26]=500;
date[26]="2011-09-02";


firstName[27]="Livia";
lastName[27]="Mckinnon";
street[27]="557 Ivy Avenue";
city[27]="Jackson";
state[27]="KY";
zip[27]="41339";
amount[27]=50;
date[27]="2011-08-31";


firstName[28]="Kris";
lastName[28]="Levesque";
street[28]="542 Upton Avenue";
city[28]="Owensboro";
state[28]="KY";
zip[28]="42303";
amount[28]=100;
date[28]="2011-08-31";


firstName[29]="Lynwood";
lastName[29]="Ingersoll";
street[29]="723 Jackson Avenue";
city[29]="Owensboro";
state[29]="KY";
zip[29]="42303";
amount[29]=500;
date[29]="2011-08-30";


firstName[30]="Petronila";
lastName[30]="Damico";
street[30]="44 Stewart Street";
city[30]="London";
state[30]="KY";
zip[30]="40742";
amount[30]=250;
date[30]="2011-08-30";


firstName[31]="Hugh";
lastName[31]="Warren";
street[31]="585 Lindon Court";
city[31]="Williamsburg";
state[31]="KY";
zip[31]="40769";
amount[31]=50;
date[31]="2011-08-28";


firstName[32]="Tom";
lastName[32]="Thomas";
street[32]="Rigel Avenue";
city[32]="London";
state[32]="KY";
zip[32]="40742";
amount[32]=100;
date[32]="2011-08-27";


firstName[33]="Steve";
lastName[33]="Bones";
street[33]="900 Lawton Street";
city[33]="Williamsburg";
state[33]="KY";
zip[33]="40769";
amount[33]=50;
date[33]="2011-08-25";


firstName[34]="Jeri";
lastName[34]="White";
street[34]="Hawkes Lane";
city[34]="Owensboro";
state[34]="KY";
zip[34]="42303";
amount[34]=150;
date[34]="2011-08-25";

I've been asked to create a program which allows meteorologists to input a certain amount of data inputs of snowfall, and then the individual snowfall of each input itself.


In my mind this should prompt me for a data input as many times as their are inputs, however, it works only for the first data input, then it returns to blank page without prompts for the second input...

Any clues as to where I'm going wrong?

Hello all.

I've spent a few days now browsing this forum along with guides on the net, I'm new to JS and I'm having a bit of trouble with loops. I just don't seem to get them, I was wondering if anyone had any tips or methods (the simpler the better ) for getting these learnt and done with?

Would appreciate any tips

Thanks

Hi everyone. I have a loop question.

This is my assignment for my Comp Apps class. The whole thing is a store selling guitar picks. What I'm missing now is a loop. After the costumer places the order, he has the choice to go back and buy more or complete the order. In the end all the order the costumer placed adds up to the total. This is what I have so far:

PHP Code:
<script type="text/javascript">


var name = prompt("Welcome to Pick Center. Please enter your name", " ");
alert("Hello " + name + "! Please look through our list of picks before placing your order.");

var product = prompt("What would you like to buy?", "");

var quantity = prompt("How many " + product + " would you like to order?", "");

var confirming = confirm(""+ name + " you ordered " + quantity +" " + product +" picks. Is this correct?");

var price = " ";

var item_discount = " ";

if ( confirming == true ) { }
else {
alert("Refresh the page to reload and place a new order.")}

if ( product == "dirtbag" ) {
price = "5";
item_discount = "0.3";}
else if ( product == "delrin" ) {
price = "7";
item_discount = "0.2";}
else if ( product == "speedpick" ) {
price = "10";
item_discount = "0.5";}
else if ( product == "stubby") {
price = "25";
item_discount = "0.25";}
else {
alert("Sorry," + name + ". You entered an invalid product. Refresh the page to reload and place the order again.");}

var cost_of_order = price * quantity;

var discount = price * item_discount * quantity;

var total = cost_of_order - discount;

document.write("<br><h1> Your Order: </h1></br><br>");


document.write("Thank you for placing an order with us, <b>" + name + "</b>.<br><br>");

document.write("The cost of buying " + quantity + " " + product + " picks is <b>$" + cost_of_order + "</b>.<br><br>");
document.write("The discount for this purchase is <b>$" + discount + "</b>.<br><br>");


document.write("With discount, your total order cost is <b>$" + total + "</b>.<br><br>");




</script> 


I've tried reading around and I bought a couple of books but I just can't get a grasp on loops. Can someone please help me with this?

I created a For Loop and counter starts at 0, then increase in increments of 1
after each iteration of loop i run a command
1( add html code such as Code:

<td>named (part)</td>
<td class= 'num'>votes</td>

Then create variable of named percent use totalV for value of sum parameter

then i add html code of Code:

<td class='num'>(percent%(</td>

then i add a function named createBar(0 using race[0], name1, party1, and votes1 in parameter values

this is my coding
Code:

for (var i=0; i < name.length; i++)
{
document.write("<tr>");
document.write("<td>" name[i] + "(" + party[i] + ")</td>");
document.write("<td class='num'>" + votes[i] + "</td>");
 
var percent=calcPercent(votes[i], totalV)
 
document.write("<td class='num'>(" + percent +"%)</td>");
 
createBar(party[i],percent)
document.write("</tr>");
}
document.write("</table>");
}
</script>

</head>

so any improvements or what i am missing in my functions.

I am doing practice problems for class (not homework), and I've gotten most of the coding down except for one stipulation. The exercise reads:

"Write a program that reads input of the number of hours an employee has worked and displays the employee's total and average (per day) number of hours.
The company doesn't pay overtime, so cap any day at 8 hours.

Sample Run:
How many days? 3
Hours? 6
Hours? 12
Hours? 5
Employee's total paid hours = 19
Employee’s average paid hours = 6.3333333"

I can't figure out how to include the bolded stipulation.
I've tried adding:
Code:

 if ( sum >8 ) {
            sum = 8; 
}

but I know that isn't right, and I can't think of any other solution. Can someone advise me on my work?


Code:

    public static void main(String[] args) {
        
    Scanner keyboard = new Scanner(System.in);
   System.out.println("How many days worked? ");
   int count = keyboard.nextInt();
   int i = 1;
   int sum = 0;
    
  while (i <= count) {
      System.out.println("Hours? ");
      sum += keyboard.nextInt();     
      i++;
       
    }
  
  System.out.println("Employee's total paid hours= " +sum);
  System.out.println("Employee's average paid hours= " +(double)sum/count);
  
  
  

}
}

Also! If anyone can explain to me why there has to be an initialization of " int sum = 0 ", that would be great. I just know I have to include it for this loop.

This is a final loops in an exercise

here is my code

Code:

<script type="text/javascript">

var counter;
for (counter=0; counter<amount.length; counter++) {}
	{
	document.writeIn(counter+"<br/>");
	
	document.writeIn("<tr><td>"date"[counter]"</td>");
	document.writeIn("<td class = 'amt'>myArray</td>");
	document.writeIn("<td>"firstName[counter]"</td>");
	document.writeIn("<td>"lastName[counter]"</td>");
	document.writeIn("<td>"street[counter]"<br />");
	document.writeIn("<td>"+street[counter]+" "+city[counter]+" "state[counter]+" "+zip[counter]+"</td></tr>);
	Total=total+amount[counter];
	document.writeIn("<table>");
	}
	

</script>

This is what i have, what do i need to do to make this more proper and written properly?
thanks

I have the following nested for loops:

Code:

  for (i;i<tag('entry').length;i++) {
	content = content + '<tr>';
    for (x;x<tag('header').length;x++) {
	  content = content + '<td style="width:' + tdWidth + '%; border:solid 1px #000;">' + tag('item')[x].firstChild.nodeValue; + '</td>';
	}
	x+=tag('header').length;
	content = content + '</tr>';
  }

For some reason, it seems to only loop the outer for loop once. BTW, tag() is defined, I just didn't include it. Help is appreciated.

Thanks,
Julian

I am working on making 2 for loops of 2 arrays to get the total of them. Then I need to get the average heights. This is for a test, yet I have not got a clue, so I need clues as I cant get it to work and I am a new coder to javascript.

Code:

var heights = [15,16,17,18,19];
var numbers = [2,1,6,4,2];
var average = new Array(5);

average = 0

for (var heights = 0; heights <= 5; heights = heights+ 1)
{
total = 0
}
for (var numbers = 0; numbers <= 5; numbers = numbers + 1)
{
total = 0
average = heights / numbers;
}

document.write('The average height is ' + average);

Am I on the right road? I need to use this format and not functions. I have got 2 for statements but maybe I could do this with one, it is so tricky this javascript.

Hey everyone! I am pretty new to JS and I am having a problem figuring this loops structure out - any help would be appreciated. I am trying to add a password to an html page via an external JS file. (I know this isn't an ideal solution for securing a page - I am just trying to use this for trying to understand loops.)

What I am trying to do is prompt the user to enter a password before the html page loads. If the password is correct they can enter the page. If they guess wrong the user is looped back to a prompt box to try again. If they fail 3 times they should be told via an alert box and sent off somewhere else.

I have tried using a for & do while loop and was unsuccessful. I think this is the best way to go.

This is what I have so far:

Code:

var password = prompt('All women a ',' ');
var pass1 = "Psycho";
var counter = 0;


if (counter < 3) {
	if (password = pass1) {
		alert('Password Correct! Click OK to enter!');
		counter++
	}
	else {
		alert("Password Incorrect!!!");
		window.location="Lab5Part2.html";
	}
}
else {

	alert("You have failed 3 times!");    
      	window.location="http://www.google.com";
}