JavaScript - Need Serious Help With A Project

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);

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.

I'm new to programming in general and have had trouble deciding on a good starter project. I've decided to start with something that is (hopefully) pretty simple. I have about a dozen boxes full of vinyl records and would like to write a program to catalogue everything alphabetically by artist using prompts to ask for Album Title, Artist Title, and year. My question at this point is, is JavaScript a good way to do this? I have a fundamental knowledge of HTML, CSS, JavaScript and Ruby. I assumed JS would be the best way (that I know at this point) to do this project, but if I'm wrong, would love to hear it. What I don't understand at this point is how to output the information to a text file, or how to set up an interface to run the scripts.

Any advice is very much appreciated.

So I feel like I should just explain what I am looking to do. Lets say there is an Item that has the number 001234-A1. This Number is the exact number that the manufacturer lists it is, however whenever it gets placed into other catalogs or websites the item number changes slightly for example: 12-34a1 0001234A1 1-234-A1 123-4a1 So what I would like to have someone show me how to do it write a script that can do three things Remove all leading zero's Remove all hyphens Make all letters uppercase. This way we now have a normalized number (1234A1).
So to recap I need to create a string that takes any different numbers, normalizes those numbers, and then matches them with all other matching numbers.
I really would appreciate some assistance in this. Thank You, Thank You

Hello all i am working on a project. i would like to know how to remove the scroll bars , and how to align the captcha/webpage that loads in the iframe.

<title>Test Raid Page</title>
<script language="JavaScript" type="text/javascript">
<!--Begining of Java Script-
function buildiframesA()
{
var rlink = prompt('Enter Raid ID:',"");
var a = document.createElement("iframe");
a.setAttribute("width","330");
a.setAttribute("scrolling=no");
a.setAttribute('******', 'ifrm1');
document.body.appendChild(a);
a.setAttribute('src', "http://*****.******/joinraid.php?raidid=" + rlink + "&suid=******&serverid=2");
}

</script>

Anything with "************" has been removed due to privacy

i added this code in a.setAttribute("scrolling=no"); and it disables the whole script but, in dreamweaver shows it is fine, when i load to debug and click group a to load the frame nothing happens, ive tried many ways to disable the scroll bars and cant figure a way out.

There is more to the script this is just my test for the iframe, what i have is groups, all accounts are grouped in groups, when a group is clicked, i am prompt with Enter raid ID, i enter the raid ID and the frames for how ever many people in that group load, on those pages that load in the iframe is a raid page with a captcha to join the raid, the captcha shows automatically in the frame but it is not perfectly aligned as i want it to be.

I use dreamweaver and can debug in my browser, any help is appericiated, i can also post pictures as to what i am talking about.

EDIT: i also forgot to say i am new to javascript, i know html and php very well..

MrGato =D

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>

Hello, I'm learning JavaScript and have a problem with a world clock.

I followed a tutorial and then added some buttons and variables to make the clock below (see code A), but it only works off the host computer's time and I need it to work off GMT.

I found some code (see code B) to get GMT but cannot find a way to tie it to my first chunk of code.

Any ideas?

Thanks in advance.

Code A:
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>Jamie's World Clock</title>

<script language="javascript">

<!-- // Comment out with HTML if JavaScript unavailable

// Variable for a time zone
var timeZone = 0;

// Variable for location
var geoLoc = "London";

// Set location using child node
function setLocation() {
		document.getElementById("location").firstChild.nodeValue = geoLoc;
}

function updateClock ( )
{

	// GET THE TIME
	
		// Get current time from user's machine
		var currentTime = new Date ( );
		
		// Retrieve hours, minutes and seconds from new variable 'curretTime'
		var localHours = currentTime.getHours ( );
		var currentMinutes = currentTime.getMinutes ( );
		var currentSeconds = currentTime.getSeconds ( );
	
	// FORMAT THE TIME
		
		// Add a leading zero to mins and secs if less than 10
		
		/* From tutorial: The ? and : symbols used above comprise the ternary operator.
		This is a special operator that returns the value before the colon if the
		condition before the query (?) is true, or the value after the colon if the
		condition is false. It's a great way to write an if block in shorthand,
		provided you only need to return a single value. */
		
		// Put more simply: If x = less than 10 use 0 + currentMinutes else currentMinutes
		currentMinutes = ( currentMinutes < 10 ? "0" : "" ) + currentMinutes;
		currentSeconds = ( currentSeconds < 10 ? "0" : "" ) + currentSeconds;
						
		// Variable for current hours
		var currentHours = localHours + timeZone;
		
		// Prevents negative time values eg 1.00am London = 8.00pm New York, not -4.00am
		currentHours = (currentHours < 0 ? ((currentHours - 12) + 36) : currentHours);

		// Ensures cannot go to 13.xx.xx PM+ and returns to AM
		currentHours = ((timeZone + localHours) > 24 ? currentHours = (currentHours - 24) : currentHours);
		
		// timeOfDay: If currentHours less than 12 = AM else PM
		var timeOfDay = ( currentHours < 12 ) ? " AM" : " PM";
		
		// 12 hour clock: If currentHours greater than 12 then -12 else currentHours
		currentHours = ( currentHours > 12 ) ? currentHours - 12 : currentHours;
		
		// 12 hour clock: If currentHours = 0 then 12 else currentHours
		currentHours = ( currentHours == 0 ) ? 12 : currentHours;
		
		// Put it all together in one variable
		var currentTimeString = currentHours +":" + currentMinutes + ":" + currentSeconds + timeOfDay;
		
	// DISPLAYING THE CLOCK
	
		// Create the following span container: <span id="clock">&nbsp;</span>...
		// see HTML below script
		
		/* From tutorial: By placing the &nbsp; inside the span element, we're creating
		a child text node for the span in the DOM. We can then populate the container
		with our time string by retrieving this child text node then setting its
		nodeValue property, as follows:
		*/
		
		document.getElementById("clock").firstChild.nodeValue = currentTimeString;
		
} // End function updateClock

// New York function
function changeZone() {
	updateClock(); // Run updateClock function to get immediate change rather than waiting for <body> setInterval
	document.getElementById("location").firstChild.nodeValue = geoLoc; // Change geoLoc variable using child node
	alert ("Your time zone has been set to " + geoLoc + "."); // Alert the user to the change of time zone
}

// --> end HTML comment
		
</script>

</head>

<!-- Runs updateClock function on body load and repeats every second -->
<body onLoad="setLocation(); updateClock(); setInterval('updateClock()', 1000 )">

<!-- Runs updateClock function on body load and repeats every second -->
<span id="clock">&nbsp;</span><br />

<p>Your current time zone is <span id="location">&nbsp;</span>.</p>

<button onclick="timeZone = -5; geoLoc = 'New York'; changeZone()">New York</button><br />
<button onclick="timeZone = 0; geoLoc = 'London'; changeZone()">London</button><br />
<button onclick="timeZone = 4; geoLoc = 'Dubai'; changeZone()">Dubai</button><br />
<button onclick="timeZone = 8; geoLoc = 'Beijing'; changeZone()">Beijing</button><br />
<button onclick="timeZone = 11; geoLoc = 'Sydney'; changeZone()">Sydney</button><br />

</body>

</html>

Code B:
Code:

function getTime(zone, success) {
    var url = 'http://json-time.appspot.com/time.json?tz=' + zone,
        ud = 'json' + (+new Date());
    window[ud]= function(o){
        success && success(new Date(o.datetime));
    };
    document.getElementsByTagName('head')[0].appendChild((function(){
        var s = document.createElement('script');
        s.type = 'text/javascript';
        s.src = url + '&callback=' + ud;
        return s;
    })());
}

getTime('GMT', function(time){
    // This is where you do whatever you want with the time:
    alert(time);
});

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.

Hi there!

I'm obviously new to the forums here and don't really know if this is the right place to get help. I've made a small game in an HTA file using JavaScript and HTML (don't laugh, this was a serious learning project for me). The problem I'm having is that, after running the game for a while (having played, like to level 10 say), the HTA begins to slow down HORRIBLY. By level 10, it's almost unplayable... it takes like 3 seconds to register a button click.

My messy code is below (yes, it's the entire game... I know it's huge). I don't really care that the math is horrible in calculating hit points and damage and whatnot. All I want to know is, why the hell does this slow down?

Any help would be greatly appreciated.

(obviously, rename the text file to .hta or .html to load it)

this is my table:
---------------------------------
Request| Project name| Quantity|
---------------------------------
1 | ABC | 20 |
2 | ABC | 4 |
3 | ABC | 11 |
----------------------------------


quantity is the column which i want to update, this value is displayed in text field. user can edit the quantity of all the request and update all the text field together.


this is my update sql:

<cfquery datasource="DB">
UPDATE tablename
SET quantity = #Form.quantity#
WHERE projectName = #projectName#

I am getting error from WHERE clause. any idea how to solve it?
thanks in advance

I'm doing this project for class and I got to a point where i am stuck and need some help on how to move forward, I don't want straight up answers but some advice or some code to get me started would be much appreciated. Thanks.

This is what i need to do with what I have

While a smart casino owner knows better than to allow negative bankrolls, most casinos are not above extending personal loans to gamblers who are down on their luck. Augment your slots.html page so that it has capabilities for extending loans to the player when they run out of money. Your page should have an additional text box keeping track of the player's debt (initially $0). Instead of just alerting the player when they try to play with no money, the page should give the user the option to obtain a loan. Use a select box for this with options for a $1, $5, $10, or $20 loan. The loan should only be available when the user is out of money, so you will need to initially set the disable attribute of the select box to "true" in order to disable it (see the snippet below for a starting point). When the user runs out of money, you can enable the select box by setting this attribute to "false".

And this is what I have...

Code:

<html>
 <!-- This page simulates a slot machine.               -->
 <!-- ================================================= -->

 <head>
   <title> Online Slots </title>
   <script type="text/javascript" 
           src="http://dave-reed.com/book/random.js">
   </script>
   <script type="text/javascript">

	
	bankroll=20;
	bankroll=parseFloat(bankroll);
	loanctr=0;
	loanctr=parseFloat(loanctr);

	
     function DoSpin()
     // Assumes: the page contains an image (slot1) 
     // Results: displays a random spin as the slot1 image
     {
	
	if (bankroll == 0) { alert ("You have no money left. Consider taking out a loan.");

	

	}
	else {

       var pick;
       pick = RandomOneOf(["cherry.jpg", "lemon.jpg", "bar.jpg", "donut.jpg"]);
       document.getElementById('slot1').src = "http://dave-reed.com/book/Images/" + pick;
	 var picktwo;
       picktwo = RandomOneOf(["cherry.jpg", "lemon.jpg", "bar.jpg", "donut.jpg"]);
       document.getElementById('slot2').src = "http://dave-reed.com/book/Images/" + picktwo;
	
	var pickthree;
       pickthree = RandomOneOf(["cherry.jpg", "lemon.jpg", "bar.jpg", "donut.jpg"]);
       document.getElementById('slot3').src = "http://dave-reed.com/book/Images/" + pickthree;

	
	
	
	if (pick == picktwo && pick == pickthree) {
	alert ("Winner!");
	bankroll = bankroll + 1; }
	else { bankroll = bankroll - 1; }
	
	
	}
	
	
	}


	
   </script>
 </head>

 <body>
   <div style="text-align:center"> 
     <img id="slot1" alt="slot image" border=2 
          src="http://dave-reed.com/book/Images/cherry.jpg" />
     
     <img id="slot2" alt="slot image" border=2 
          src="http://dave-reed.com/book/Images/cherry.jpg" />
	
     <img id="slot3" alt="slot image" border=2 
          src="http://dave-reed.com/book/Images/cherry.jpg" />
     <br /><br />
     <input type="button" value="Click to Spin" onclick="DoSpin(); 
	document.getElementById('earnings').value = bankroll;" />
	<br /><br /> 

	<input type = "text" id= "earnings" size = "10" value= "" onfocus="blur();"/>

	<br /><br /> 

	Take out a loan of 
	<select id="loan" disabled="true" onchange="document.getElementById('loan').value = loanctr;">
	<option selected="selected" value=""></option>
        <option value="1">1</option>
        <option value="5">5</option>
	<option value="10">10</option>
	<option value="20">20</option>
   	</select>
	dollars.
	<br /><br /> 
	
	<input type = "text" id= "loan" size = "10" value= "" onfocus="blur();"/>


   </div>
 </body>
 </html>