JavaScript - Computer Science Project Basic Coding Help

//Need a function that sees if the computer has a 2 move forced win, if so take first of those two moves.
//and then see if the opponent has a 2 move forced win. if so, then blaock the first of those two moves.

// The gameboard array --this holds the game status
var gaBoard = [['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']];


var gcPlayer = "r"; // current player color
var gbGameOver = false;

//Loading the Gameboard
function vLoad() {

var strTable, i, j, strID, strOver, strOut, strTitle, strHover, strPush, strArrow;

strTable = "<table cellpadding='0' cellspacing='0'>";

//put a row in the table for the title

for (i = 0; i < 1; i++) {

strTable += "<tr>";

strTitle = "<h1 style= 'color:Orange; font-family:Broadway'>Connect Four</h1>";

//put in the title

strTable += strTD(7, strTitle);

strTable += "</tr>";

// Buttons area
strTable += "<tr>";

strTable += strTD(4, strButton("New Game", "vReset()"));
strTable += strTD(3, strButton("Computer Move", "vComputerMove()"));

strTable += "</tr>";

}

//Arrows Row

strTable += "<tr>";
//put in the columns
for (j = 0; j < 7; j++) {
strID = "img" + j;
strHover = "vHover(\"" + strID + "\")";
strPush = "vPush(\"" + strID + "\"," + j + ")";
strArrow = "vArrow(\"" + strID + "\")";
strTable += strTD(1, strImage("arrow.jpg", strID, strPush, strHover, strArrow));
}
strTable += "</tr> <tr><td colspan='7'><hr/></td></tr>";



//put a row in the table for the gameboard
for (i = 5; i >= 0; i--) {
strTable += "<tr>";
//put in the columns
for (j = 0; j < 7; j++) {
strID = "img" + i + j;

strTable += strTD(1, strImage("open.jpg", strID, "", "", ""));
}
strTable += "</tr>";
}

//put a row in the table for the text area
for (i = 0; i < 1; i++) {
strTable += "<tr>";
strTable += strTD(7, strTextArea(16, 66));
strTable += "</tr>";
}

strTable += "</table>";
frm1.innerHTML = strTable;
}

//***************************************************************************************************

//Functions for Modifying controls
function vHover(strID) {
document.getElementById(strID).src = "hover.jpg";
}
function vArrow(strID) {
document.getElementById(strID).src = "arrow.jpg";
}

function vMakeRed(strID) {
document.getElementById(strID).src = "red.jpg";
}

function vMakeBlack(strID) {
document.getElementById(strID).src = "black.jpg";
}

function vMakeOpen(strID) {
document.getElementById(strID).src = "open.jpg";
}

function iTopSlot(iCol) {
var iRow, iCol;

iRow = 0;

while ( (iRow < 6) && (gaBoard[iRow][iCol] != 'o'))
iRow++;
return iRow;
}

function vPush(strID, iCol) {
var iRow, iCol;

document.getElementById(strID).src = "push.jpg";
/*
if (gbGameOver) {
return 0;
}
*/
// see if we can drop a piece into the selected column
if (gaBoard[5][iCol] == 'o') {
iRow = iTopSlot(iCol);
gaBoard[iRow][iCol] = gcPlayer;
strID = "img" + iRow + iCol;
// switch players
if (gcPlayer == "r")
{
vMakeRed(strID);
if (bWinner(gcPlayer)) {
alert(gcPlayer + " has won the game.");
frm1.taOutput.value += gcPlayer + " has won the game.";
gbGameOver = true;
}
gcPlayer = "b";
}
else
{
vMakeBlack(strID);
if (bWinner(gcPlayer)) {
frm1.taOutput.value += gcPlayer + " has won the game.";
alert(gcPlayer + " has won the game.");
gbGameOver = true;
}
gcPlayer = "r";
}
}

else {
frm1.taOutput.value += "That column is full - try again.\n";
}
}

function bWinner(cPlayer)
{
var iCol, iRow;

//Horizontal Win
for (iRow = 0; iRow < 6; iRow++)
{
for (iCol = 0; iCol < 4; iCol++)
{
if ((gaBoard[iRow][iCol] == cPlayer) && (gaBoard[iRow][iCol + 1] == cPlayer) &&
(gaBoard[iRow][iCol + 2] == cPlayer) && (gaBoard[iRow][iCol + 3] == cPlayer))
return true;

}


}

//Verticle Win
for (iRow = 0; iRow < 3; iRow++) {
for (iCol = 0; iCol < 7; iCol++) {
if ((gaBoard[iRow][iCol] == cPlayer) && (gaBoard[iRow + 1][iCol] == cPlayer) &&
(gaBoard[iRow + 2][iCol] == cPlayer) && (gaBoard[iRow + 3][iCol] == cPlayer))
return true;

}


}

//diagonal win Positive Slope
for (iRow = 0; iRow < 3; iRow++) {
for (iCol = 0; iCol < 4; iCol++) {
if ((gaBoard[iRow][iCol] == cPlayer) && (gaBoard[iRow + 1][iCol + 1] == cPlayer) &&
(gaBoard[iRow + 2][iCol + 2] == cPlayer) && (gaBoard[iRow + 3][iCol + 3] == cPlayer))
return true;

}


}

//diagonal win Negative Slope
for (iRow = 3; iRow < 6; iRow++) {
for (iCol = 0; iCol < 4; iCol++) {
if ((gaBoard[iRow][iCol] == cPlayer) && (gaBoard[iRow - 1][iCol + 1] == cPlayer) &&
(gaBoard[iRow - 2][iCol + 2] == cPlayer) && (gaBoard[iRow - 3][iCol + 3] == cPlayer))
return true;

}

}


return false;
}

function vComputerMove(){
var iRow,iCol,iWinCol;

//Try to win
iWinCol = -1;
iLoseCol = -1;
for(iCol = 0; iCol < 7; iCol++)
{
iRow = iTopSlot(iCol)
if(iRow < 6)
{
gaBoard[iRow][iCol] = gcPlayer;

if(bWinner(gcPlayer))
iWinCol = iCol;

gaBoard[iRow][iCol] = 'o';
}
}

if (iWinCol > -1) {
vPush("img" + iWinCol, iWinCol);
}


//Try to Block
if (gcPlayer == 'b') {
for (iCol = 0; iCol < 7; iCol++) {
iRow = iTopSlot(iCol)
if (iRow < 6) {
gaBoard[iRow][iCol] = 'r';

if (bWinner('r'))
iLoseCol = iCol;

gaBoard[iRow][iCol] = 'o';
}
}
}
else if (gcPlayer == 'r') {
for (iCol = 0; iCol < 7; iCol++) {
iRow = iTopSlot(iCol)
if (iRow < 6) {
gaBoard[iRow][iCol] = 'b';

if (bWinner('b'))
iLoseCol = iCol;

gaBoard[iRow][iCol] = 'o';
}
}
}

if (iLoseCol > -1) {
vPush("img" + iLoseCol, iLoseCol);
}

else
vRandomMove();
}

function vRandomMove() {
var iRandom, iRow;

iRow = 6;

while (iRow == 6) {
iRandom = (Math.floor(Math.random() * 7));
iRow = iTopSlot(iRandom);
}

vPush("img" + iRandom, iRandom);
}



function vReset() {
for (i = 5; i >= 0; i--) {
for (j = 0; j < 7; j++) {
gaBoard[i][j] = 'o';
strID = "img" + i + j;
vMakeOpen(strID);
}
}

frm1.taOutput.value = "";

gcPlayer = "r";
}

//***************************************************************************************************

//Functions for making form controls

//Button Maker
function strButton(strValue, strOnclick) {
return "<input type='button' value='" + strValue + "' onclick='" + strOnclick + "' />"
}

//Image Maker
function strImage(strSource, strID, strOnclick, strMouseOver, strMouseOut) {

var strReturn;

strReturn = "<img src='" + strSource + "' id='" + strID + "' onclick='" + strOnclick + "' ";
strReturn += "onmouseover='" + strMouseOver + "' onmouseout='" + strMouseOut + "' />"

return strReturn;
}

//TD Maker
function strTD(iColspan, strContent) {
return "<td colspan='" + iColspan + "'>" + strContent + "</td>";
}

//Text Area Maker
function strTextArea(iRows, iCol) {
var strReturn;

strReturn = "<textarea id='taOutput' ";
strReturn += "' rows= '" + iRows + "' cols='" + iCol + "'readonly='readonly'>";
strReturn += "</textarea>";

return strReturn;
}

I'm writing a report for my college class about what it takes to get into the field of computer programming and i need to obtain information from someone who is in the position of hiring entry level computer programmers. it would Really! help me out if someone has time to fill out these questions. I know its asking for a lot but if anyone has the time it would be highly appreciated!

1. Tell me a little bit about the company? ( Main focus, how did it start, who are your customers, company growth,etc)
2. Where do you see the industry in 5 years?
3. What makes the company successful?
4. What are you looking for in a potential candidate?
5. When interviewing a potential employee, what questions do you expect them to ask you?
6. How could a typical day on the job be described? How much variety is there on a day-to-day basis?
7. When you look at resume, what is your main focus in terms of order and importance, reference?
8. How do you feel about networking as a tool to research potential candidates? (ex. LinkedIN, Facebook?)
9. What education, experience and qualifications are need to enter the field as entry level position?
10. What is the salary range and job responsibilities?
11. What is best liked and least liked about this field / job?
12. What is a typical interview in this field? How is it different then regular interviews?
13. Is there a demand for people in this field?
14. What special advice could you give a person entering the field?
15. What types of training do companies offer persons entering this field?
16. Which professional journals and organizations would help me learn more about this field?
17. How can a new graduate obtain experience in the field? How and where can one get internship?
18. What types of technologies and software is used in the field?
19. Would you have any more information that will be of use to me?
20. Can you suggest others who may be valuable sources of information?

I have to simulate a carnival wheel that has a similar layout to roulette in that the numbers range form 0-36 with the even numbers colored red and the odd numbers colored black. The page needs to have a button that "spins" the wheel (generates a random number) when you click the button. The results of the spin needs to be displayed in a text box and the background of the page needs to change to black if the # is odd and change to red if the # is even.

I desperately need guidance with this so I would appreciate any help. I really have no background with JavaScript so I'm pretty much doing this blindly. Please help.

I am having some difficulty with this project. It is supposed to be an animation of falling leaves. I am very new to arrays and JavaScript, so right off the bat I know that the arrays I have are not right, or are missing something else in order for it to function. Basically all I have for this project is a still picture of the leaves and that is it. If there is someone out there with some JavaScript expertise, could you tell me what I am doing wrong?
Here is the code so far, I think it is too long.


Code:

<script type="text/javascript">
/* <![CDATA[ */
grphcs=new Array(6)
Image0=new Image();
Image0.src=grphcs[0]="images/leaf1.gif";
Image1=new Image();
Image1.src=grphcs[1]="images/leaf2.gif";
Image2=new Image();
Image2.src=grphcs[2]="images/leaf3.gif";
Image3=new Image();
Image3.src=grphcs[3]="images/leaf4.gif";
Image4=new Image();
Image4.src=grphcs[4]="images/leaf5.gif";
Image5=new Image();
Image5.src=grphcs[5]="images/leaf6.gif";


var minSpeed = 5;
var maxSpeed = 30;
var randomSpeed = 5;
var randomSpeed2 = 10;
var randomSpeed3 = 15;
var randomSpeed4 = 20;
var randomSpeed5 = 25;
var randomSpeed6 = 30;
var minHorizontal = 200;
var maxHorizontal = screen.availWidth - 300;
var leftPosition = Math.floor(Math.random() * (maxHorizontal - 

(minHorizontal + 1)) + minHorizontal);
var leftPosition2 = Math.floor(Math.random() * (maxHorizontal - 

(minHorizontal + 1)) + minHorizontal);
var leftPosition3 = Math.floor(Math.random() * (maxHorizontal - 

minHorizontal +1)) + minHorizontal);
var leftPosition4 = Math.floor(Math.random() * (maxHorizontal - 

minHorizontal + 1)) + minHorizontal);
var leftPosition5 = Math.floor(Math.random() * (maxHorizontal - 

minHorizontal + 1)) + minHorizontal);
var leftPosition6 = Math.floor(Math.random() * (maxHorizontal - 

minHorizontal + 1)) + minHorizontal);
var minVertical = 50;
var maxVertical = screen.availHeight - 300;
var topPosition = Math.floor(Math.random() * (maxVertical - 

(minVertical + 1)) + minVertical);
var topPosition2 = Math.floor(Math.random() * (maxVertical - 

(minVertical + 1)) + minVertical);
var topPosition3 = Math.floor(Math.random() * (maxVertical - 

(minVertical + 1)) + minVertical);
var topPosition4 = Math.floor(Math.random() * (maxVertical - 

(minVertical + 1)) + minVertical);
var topPosition5 = Math.floor(Math.random() * (maxVertical - 

(minVertical + 1)) + minVertical);
var topPosition6 = Math.floor(Math.rnadom() * (maxVertical - 

(minVertical + 1)) + minVertical);

function matchLeaf() {
      if (navigator.appName == "Microsoft Internet Explorer") {
          widthMax = document.documentElement.clientWidth;
          heightMax = document.documentElement.clientHeight;
      }
      else {
           widthMax = window.innerwidth - 14;
           heightMax = window.innerHeight;
      }
      autumnFall();
}

function autumnFall();
      var fallingLeaf1 = document.getElementById("leaf1");
      fallingLeaf1.style.left = leftPosition + "px";
      fallingLeaf1.style.top = topPosition + "px";
      fallingLeaf1.style.visibility = "visible";
      topPosition += parseInt(randomspeed);
      leftPosition += 0;
      if (topPosition >= screen.availHeight - 300) {
      topPosition = Math.floor(Math.random() * (maxVertical - 

(minVertical + 1)) + minVertical);
      leftPosition = Math.floor(Math.random() * (maxHorizontal - 

(minHorizontal + 1)) + minHorizontal);
      leaf1.src = "images/leaf" + Math.floor(Math.random() * 6 + 

".gif";
      randomSpeed = Math.floor(Math.random() * maxSpeed - 

(minSpeed + 1)) + minSpeed);
      }

       var fallingLeaf2 = document.getElementById("leaf2");
       fallingLeaf2.style.left = leftPosition2 + "px";
       fallingLeaf2.style.top = topPosition2 + "px";
       fallingLeaf2.style.visibility = "visible";
       topPosition2 += parseInt(randomSpeed3);
       leftPosition2 += 0;
       if (topPosition2 >= screenavailHeight - 300) {
       topPosition2 = Math.floor(Math.random() * (maxVertical - 

(minVertical + 1)) + minVertical);
       leftPosition2 = Math.floor(Math.random() * (maxHorizontal 

- (minHorizontal + 1)) + minHorizontal);
       leaf2.src = "images/leaf" + Math.floor(Math.random() * 6) 

+ "gif";
       randomSpeed2 = Math.floor(Math.random() * (maxSpeed - 

(minSpeed + 1)) + minSpeed);
       }

       var fallingLeaf3 = document.getElementById("leaf3");
       fallingLeaf3.style.left = leftPosition3 + "px";
       fallingLeaf3.style.top = topPosition3 + "px";
       fallingLeaf3.stye.visibility = "visible";
       topPosition3 += parseInt(randomSpeed3);
       leftPosition3 += 0;
       if (topPosition3 >= screen.availHeight - 300) {
       topPosition3 = Math.floor(Math.random() * (maxVertical - 

(minVertical + 1)) + minVertical);
       leftPosition3 = Math.floor(Math.random() * (maxHorizontal 

- (minHorizontal + 1)) + minHorizontal);
       leaf3.src = "images/leaf" + Math.floor(Math.random() * 6 

+ "gif";
       randomSpeed3 = Math.floor(Math.random() * (maxSpeed - 

(minSpeed + 1)) + minSpeed);
       }

       var fallingLeaf4 = document.getElementById("leaf4");
       fallingLeaf4.style.left = leftPosition4 + "px";
       fallingLeaf4.style.top = topPosition4 + "px";
       fallingLeaf4.style.visibility = "visible";
       topPosition4 += parseInt(randomSpeed4);
       leftPosition4 += 0;
       if (topPosition4 >= screen.availHeight - 300) {
       topPosition4 = Math.floor(Math.random() * (maxVertical - 

(minVertical + 1)) + minVertical);
       leftPosition4 = Math.floor(Math.random() * (maxHorizontal 

- (minHorizontal + 1)) + minHorizontal);
       leaf4.src = "images/leaf" + Math.floor(Math.random() * 6 

+ "gif";
       randomSpeed4 = Math.floor(Math.random() * (maxSpeed - 

(minSpeed + 1)) + minSpeed);
       }

       var fallingLeaf5 = document.getElementById("leaf5");
       fallingLeaf5.style.left = leftPosition5 + "px";
       fallingLeaf5.style.top = topPosition5 + "px";
       fallingLeaf5.style.visibility = "visible";
       topPosition5= parseInt(randomSpeed5);
       leftPosition5 += 0;
       if (topPosition5 >= screen.availHeight - 300) {
       topPosition5 = Math.floor(Math.random() * (maxVertical - 

(minVertical + 1)) + minVertical);
       leftPosition5 = Math.floor(Math.random() * (maxHorizontal 

- (minHorizontal + 1)) + minHorizontal);
       leaf5.src = "images/leaf + Math.floor(Math.random() * 6 + 

"gif";
       randomSpeed5 = Math.floor(Math.random() * (maxSpeed - 

(minSpeed + 1)) + minSpeed);
       }

       var fallingLeaf6 = document.getElementById("leaf6");
       fallingLeaf6.style.left = leftPosition6 + "px";
       fallingLeaf6.style.top = topPosition6 + "px";
       fallingLeaf6.style.visibility = "visible";
       topPosition6 = parseInt(randomSpeed6);
       leftPosition6 += 0;
       if (topPosition6 >= screen.availHeight - 300) {
       topPosition6 = Math.floor(Math.random() * (maxVertical - 

(minVertical + 1)) + minVertical);
       leftPosition6 = Math.floor(Math.random() * (maxHorizontal 

- (minHorizontal + 1)) + minHorizontal);
       leaf6.src = "images/leaf + Math.floor(Math.random() * 6 + 

"gif";
       randomSpeed6 = Math.floor(math.random() * (maxSpeed - 

(minSpeed + 1)) + minSpeed);
       }
}
/* ]]> */
</script>
</head>

<body onload="setInterval('matchLeaf()', 100);">

     <img id="leaf1" src="images/leaf1.gif" alt="leafone" 

style="position:absolute; left:100px; top:100px;" />
     <img id="leaf2" src="images/leaf2.gif" alt="leaftwo" 

style="position:absolute; left:100px; top:100px;" />
     <img id ="leaf3" src="images/leaf3.gif" alt="leafthree" 

style="position:absolute; left:100px; top:100px;" />
     <img id="leaf4" src="images/leaf4.gif" alt="leaffour" 

style="position:absolute; left:100px; top:100px;" />
     <img id="leaf5" src="images/leaf5.gif" alt="leaffive" 

style="position:absolute; left:100px; top:100px;" />
     <img id="leaf6" src="images/leaf6.gif" alt="leafsix" 

style="position:absolute; left:100px; top:100px;" />

i am having a problem passing variables from a php file to a html file using a javascript funtion. here is the code i have.
Code:

/////////InteractiveMap.HTML//////////////////////////////////////////////////// 
<script type="text/javascript">  
	
	 // This function is called when a building is clicked.     
	 function buildingClick(id,name,desc) 
	 { 	 
	 var mywin;
	 var isOpen = false;	 
	 var searchInt;
	 var passVal;	
	 passVal = desc;
	 mywin = window.location.href = "informationPage.html";
	 searchInt = setInterval(function(){if(isOpen){var      display=mywin.document.getElementById("infoArea"); 
display.value = passVal;}});}	 
///////////////////////////////////////////////////////////////////
////////////InformationPage.html///////////////////////////////
<script type="text/javascript">
	window.onload = function(){window.opener.window["isOpen"] = true;};
</script>	
<textarea disabled id="infoArea"></textarea>
//////////////////////////////////////////////////////

I am just tryin to display the variable desc in the textarea "infoArea" but it wont work.Any help would be appreciated.
eoin

I'm doing a correspondence course on javascript, but the terminology is giving me up-hill and after hour of battling, my Javascript was just a mess. could someone help me with the javascript function. My instruction reads:

"Create a web page with 5 text boxes. Assign to each text box's value attribute a value of zero. Add to each of the text boxes an onchange event handler that calls a function named calcAvg() and passes to the function the value of that text box by referencing it's document object, form name, and name and value attributes. Within the calcAvg() function, pass the five parameters to another function, named performCalc(), and assign the returned value to a variable named calcResult, then place the returned value in to another text box with a name averageResult. In the performCalc() function, calculate the average of the five numbers (by adding the five numbers and then dividing the total by 5), then return the result to the calcAvg() function. When you preform the calculation, use the parseInt() function to insure that the passes values are calculated as numbers."

Please assist be as kind as to assist me with this project so I can use it as reference to the following projects that follow on the foundation of this one...

My code so far;

Code:

<!DOCTYPE html PUBLIC "-//W3C/DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Calculate average</title>
	<script type="text/javascript">
		/*<![CDATA[*/
		
	
		/*]]<*/
	</script>
</head>

<body>
<h1>Calculating averages</h1>

<table>
	<tr>
    	<td>
        	<tr>
            	<td>Value 1<br/></td>
                <td>
                	<input type="text" name="valueOne" size="6" value="0" onchange="calcAvg()" /></td>
             </tr>
             <tr>
             	<td>Value 2<br/></td>
            	<td>
                	<input type="text" name="valueTwo" size="6" value="0" onchange="calcAvg()" /></td>
             </tr>
             <tr>
                <td>Value 3<br/></td>
                <td>
                	<input type="text" name="valueThree" size="6" value="0" onchange="calcAvg()"/></td>
             </tr>
             <tr>
                <td>Value 4<br/></td>
                <td>
                	<input type="text" name="valuefour" size="6" value="0" onchange="calcAvg()"/></td>
             </tr>
             <tr>
             	<td>Value 5</td><br/>
             	<td>
                	<input type="text" name="valueFive" size="6" value="0" onchange="calcAvg()"/></td>
             </tr>
       </td>
    </tr>
 </table>
 
 <form action="" name="averageResult" >
 <p>The average of the 5 numbers: 
 	<input type="text" name="cost" size="5" value="0"
	  style="border-style: none; border-color:inherit; border-width:medium; background-color: Transparent" text="0"/></p>
 </form>
          
                    
                
               
</body>
</html>

I'm working on a project (not for anyone in particular) called JSget. It's a JS framework that makes "getting" HTML elements in javascript easier. It's similar in function to jQuery, but it has a very different interface. Unlike jQuery, I use more javascript-like methods of getting elements, while jQuery gets elements based on parsed strings. I'm off to a good start but this project is no where closed to finished. The JSget script can be found here and I've created a testing page that utilizes some of its features here. I'm looking for collaborators who meet the following criteria: Enthusiatic about the project. Someone who likes the idea and is willing to put effort into it. An experienced coder in Javascript. You don't need to be an expert, but I'm not looking for beginners. Someone who doesn't just want to rewrite my code, but is interested on building on it.
Also, please understand that I am a snob when it comes to "clean" code. I run everything I write through "JSLint".

So, if you're interested, please reply to this thread or contact me by email at jazzo@jazzothegreat.com

If your not completely interested, don't reply out of pity.

Thanks,
Jazzo

Building an inventory of financial models. 500-1000 small models. Need a few more programmers for launch.

I'm researching a possible web project. The project will allow users to create and run JS online, similar to JSFiddle, Construct 2 and GameSalad. At this stage I'm just looking to gather general information.

So my first question is, just how big of a project would that be? what web technologies would be needed? Would Node.Js be needed? or would PHP be ok for the backend?

Thanks for any advice.

In college i need to make a website, i have chosen to do one about gaming. One of the tools i want to add in about javascirpt is how to get a Xbox360 Gamercard to be in a corner off the website and updates when new achievements are earned. I understand i need to be able to connect to xbox.com to get details on the gamertag but i am new to the javascript language. Has anyone done a script for anything like this or know where i can find one. Ive tried googling etc for one and tried it for myself but i aint getting no where, let alone know if what ive tried scripting even exsists.

A. Start.
B. Display a prompt dialog box and store the user's input in UI.
B1. Store UI acquired from a prompt dialog box.
B2. Parse UI as a Base-10 integer and assign it to variable TV.
C. Initialize the HITS counter to zero.
D. Initialize the DD variable to the value of TV.
E. While DD is greater than zero, repeat the following steps:
E1. Test if the TV is evenly divisible by DD (that is if the remainder of TV/DD equals zero).
If so, increment HITS by 1.
E2. Decrement DD by 1.
F. Display results within an HTML paragraph the browser's document window as seen in the Sample OUTPUT.
F1. The string UI.
F2. The string " is"
F3. If HITS is greater than 2, then display the string " not"
F4. The string " a prime number."
G. End.



This is what i have so far:

<script type="text/javascript">

var UI=prompt("Enter a whole number to test as a prime number:");
var TV=parseint(UI);
int HITS (0);
int DD (tv);

I found a tutorial to create the HTML5 flip book.
I combined three Edge "projects" with the HTML5 flip book.
http://www.schrene.web44.net/Easter-2012/Book-A.html
I tried to adjust the z-index so that the butterfly would fly out of the book but nothing I tried worked..
Also I wanted the animations to start with each flip of the page...
I tried but I don't know enough javaScript to figure it out....
So I created a "cheesy" work around...
A very large div on the right side of the page that has the animations in a mouse out event.

Here is the page flip js:
Code:

(function() {
	
	// Dimensions of the whole book
	var BOOK_WIDTH = 880;
	var BOOK_HEIGHT = 460;
	
	// Dimensions of one page in the book
	var PAGE_WIDTH = 428;
	var PAGE_HEIGHT = 450;
	
	// Vertical spacing between the top edge of the book and the papers
	var PAGE_Y = ( BOOK_HEIGHT - PAGE_HEIGHT ) / 2;
	
	// The canvas size equals to the book dimensions + this padding
	var CANVAS_PADDING = 30;
	
	var page = 0;
	
	var canvas = document.getElementById( "pageflip-canvas" );
	var context = canvas.getContext( "2d" );
	
	var mouse = { x: 0, y: 0 };
	
	var flips = [];
	
	var book = document.getElementById( "book" );
	
	// List of all the page elements in the DOM
	var pages = book.getElementsByTagName( "section" );
	
	// Organize the depth of our pages and create the flip definitions
	for( var i = 0, len = pages.length; i < len; i++ ) {
		pages[i].style.zIndex = len - i;
		
		flips.push( {
			// Current progress of the flip (left -1 to right +1)
			progress: 1,
			// The target value towards which progress is always moving
			target: 1,
			// The page DOM element related to this flip
			page: pages[i], 
			// True while the page is being dragged
			dragging: false
		} );
	}
	
	// Resize the canvas to match the book size
	canvas.width = BOOK_WIDTH + ( CANVAS_PADDING * 2 );
	canvas.height = BOOK_HEIGHT + ( CANVAS_PADDING * 2 );
	
	// Offset the canvas so that it's padding is evenly spread around the book
	canvas.style.top = -CANVAS_PADDING + "px";
	canvas.style.left = -CANVAS_PADDING + "px";
	
	// Render the page flip 60 times a second
	setInterval( render, 1000 / 60 );
	
	document.addEventListener( "mousemove", mouseMoveHandler, true );
	document.addEventListener( "mousedown", mouseDownHandler, true );
	document.addEventListener( "mouseup", mouseUpHandler, false );
	
	function mouseMoveHandler( event ) {
		// Offset mouse position so that the top of the spine is 0,0
		mouse.x = event.clientX - book.offsetLeft - ( BOOK_WIDTH / 2 );
		mouse.y = event.clientY - book.offsetTop;
	}
	
function mouseDownHandler( event ) {
// Make sure the mouse pointer is inside of the book
if (Math.abs(mouse.x) < PAGE_WIDTH) {
if (mouse.x < 0 && (page - 1) >= 0) {
// We are on the left side, drag the previous page
flips[page - 1].dragging = true;
selPage=page-1;
}
else if (mouse.x > 0 && (page + 1) < flips.length) {
// We are on the right side, drag the current page
flips[page].dragging = true;
selPage=page;

}
}
// Prevents the text selection
event.preventDefault();
}

function mouseUpHandler( event ) {
for( var i = 0; i < flips.length; i++ ) {
// If this flip was being dragged, animate to its destination
if( flips[i].dragging ) {
// Figure out which page we should navigate to
if( mouse.x < 0 ) {
flips[i].target = -1;
if (selPage == page) page = Math.min( page + 1, flips.length );
}
else {
flips[i].target = 1;
if (selPage != page ) page = Math.max( page - 1, 0 );
}
}
flips[i].dragging = false;
}
} 
	
	function render() {
		
		context.clearRect( 0, 0, canvas.width, canvas.height );
		
		for (var i = 0; i < flips.length; i++) {
			var flip = flips[i];
			
			if( flip.dragging ) {
				flip.target = Math.max( Math.min( mouse.x / PAGE_WIDTH, 1 ), -1 );
			}
			
			flip.progress += ( flip.target - flip.progress ) * 0.2;
			
			// If the flip is being dragged or is somewhere in the middle of the book, render it
			if( flip.dragging || Math.abs( flip.progress ) < 0.997 ) {
				drawFlip( flip );
				
      
          
          
}

			
		}
		
	}

	function drawFlip( flip ) {
		// Strength of the fold is strongest in the middle of the book
		var strength = 1 - Math.abs( flip.progress );
		if (strength < 0.01) strength=0.01;
		// Width of the folded paper
		var foldWidth = ( PAGE_WIDTH * 0.5 ) * ( 1 - flip.progress );
		
		// X position of the folded paper
		var foldX = PAGE_WIDTH * flip.progress + foldWidth;
		
		// How far the page should outdent vertically due to perspective
		var verticalOutdent = 20 * strength;
		
		// The maximum width of the left and right side shadows
		var paperShadowWidth = ( PAGE_WIDTH ) * Math.max( Math.min( 1 - flip.progress, 0.5 ), 0 );
		var rightShadowWidth = ( PAGE_WIDTH ) * Math.max( Math.min( strength, 0.5 ), 0 );
		var leftShadowWidth = ( PAGE_WIDTH ) * Math.max( Math.min( strength, 0.5 ), 0 );
		
		
		// Change page element width to match the x position of the fold
		flip.page.style.width = Math.max(foldX, 0) + "px";
		
		context.save();
		context.translate( CANVAS_PADDING + ( BOOK_WIDTH / 2 ), PAGE_Y + CANVAS_PADDING );
		
		
		// Draw a sharp shadow on the left side of the page
		context.strokeStyle = 'rgba(0,0,0,'+(0.05 * strength)+')';
		context.lineWidth = 30 * strength;
		context.beginPath();
		context.moveTo(foldX - foldWidth, -verticalOutdent * 0.5);
		context.lineTo(foldX - foldWidth, PAGE_HEIGHT + (verticalOutdent * 0.5));
		context.stroke();
		
		
		// Right side drop shadow
		var rightShadowGradient = context.createLinearGradient(foldX, 0, foldX + rightShadowWidth, 0);
		rightShadowGradient.addColorStop(0, 'rgba(0,0,0,'+(strength*0.2)+')');
		rightShadowGradient.addColorStop(0.8, 'rgba(0,0,0,0.0)');
		
		context.fillStyle = rightShadowGradient;
		context.beginPath();
		context.moveTo(foldX, 0);
		context.lineTo(foldX + rightShadowWidth, 0);
		context.lineTo(foldX + rightShadowWidth, PAGE_HEIGHT);
		context.lineTo(foldX, PAGE_HEIGHT);
		context.fill();
		
		
		// Left side drop shadow
		var leftShadowGradient = context.createLinearGradient(foldX - foldWidth - leftShadowWidth, 0, foldX - foldWidth, 0);
		leftShadowGradient.addColorStop(0, 'rgba(0,0,0,0.0)');
		leftShadowGradient.addColorStop(1, 'rgba(0,0,0,'+(strength*0.15)+')');
		
		context.fillStyle = leftShadowGradient;
		context.beginPath();
		context.moveTo(foldX - foldWidth - leftShadowWidth, 0);
		context.lineTo(foldX - foldWidth, 0);
		context.lineTo(foldX - foldWidth, PAGE_HEIGHT);
		context.lineTo(foldX - foldWidth - leftShadowWidth, PAGE_HEIGHT);
		context.fill();
		
		
		// Gradient applied to the folded paper (highlights & shadows)
		var foldGradient = context.createLinearGradient(foldX - paperShadowWidth, 0, foldX, 0);
		foldGradient.addColorStop(0.35, '#fafafa');
		foldGradient.addColorStop(0.73, '#eeeeee');
		foldGradient.addColorStop(0.9, '#fafafa');
		foldGradient.addColorStop(1.0, '#e2e2e2');
		
		context.fillStyle = foldGradient;
		context.strokeStyle = 'rgba(0,0,0,0.06)';
		context.lineWidth = 0.5;
		
		// Draw the folded piece of paper
		context.beginPath();
		context.moveTo(foldX, 0);
		context.lineTo(foldX, PAGE_HEIGHT);
		context.quadraticCurveTo(foldX, PAGE_HEIGHT + (verticalOutdent * 2), foldX - foldWidth, PAGE_HEIGHT + verticalOutdent);
		context.lineTo(foldX - foldWidth, -verticalOutdent);
		context.quadraticCurveTo(foldX, -verticalOutdent * 2, foldX, 0);
		
		context.fill();
		context.stroke();
		
		
		context.restore();
	}
	
})();

Here is the js for activating the Edge animations:
Code:

<script>
function playAnim1(){

          var comp = $.Edge.getComposition("page1");
          var stage = comp.getStage();
          stage.play("play1");
}

$(document).ready(function(){
          setTimeout(playAnim1, 1000);

}); 

function playAnim2(){

          var comp = $.Edge.getComposition("page2");
          var stage = comp.getStage();
          stage.play("play2");
}

$(document).ready(function(){
          setTimeout(playAnim2, 1000);

});
function playAnim3(){

          var comp = $.Edge.getComposition("page3");
          var stage = comp.getStage();
          stage.play("play3");
}

$(document).ready(function(){
          setTimeout(playAnim3, 1000);

});
</script>

Not sure if the things I want to accomplish with this are even possible???
If anybody has any help or advice I would greatly appreciate it.

I am in a basic computer science class. I have to do a simple javascript project, but some of the code isn't working. The popup works, but the button does not appear, and I cannot get my rollover image to appear.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
</head>

<h1>Money</h1>

<script>
function checkAGE(){if (!confirm
("Are you sure you want to enter? (<-- You can say whatever you want.)"))
history.go(-1);return " "}
document.writeln(checkAGE())
</script>
<script type="text/javascript">
<p>If you want to make Green, then you need to see Green!</p>
<FORM>
<INPUT type="button" value="Change to Green!" name="button3" onClick="document.bgColor='green'"> <br>
</FORM>
  Rollimage = new Array()

  Rollimage[0]= new Image(121,153)
  Rollimage[0].src = "http://news-libraries.mit.edu/blog/wp-content/uploads/2008/01/money.jpg"

  Rollimage[1] = new Image(121,153)
  Rollimage[1].src = "http://encefalus.com/wp-content/uploads/2008/09/resources_money.jpg"

  function SwapOut(){
    document.Rupert.src = Rollimage[1].src;
    return true;
  }

  function SwapBack(){
    document.Rupert.src = Rollimage[0].src; 
    return true;
  }

// - stop hiding          --> 
</SCRIPT>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<P align="center"> 
<A HREF="http://www.joemaller.com/"
  onmouseover="SwapOut()"
  onmouseout="SwapBack()">
<IMG SRC="joe_open.jpg"
  NAME="Rupert" 
  WIDTH=121
  HEIGHT=153
  BORDER=0>
</A> 
</P>

</body>
</html>