Hey there, Just wanted to say Hi. - I'm new on here & have drifted here as I'm having a minor problem I was hoping someone could assist ...?
(for some reason I couldn't post this directly into the Javascript forum, don't seem to have a 'New Thread' button)
Am working on a 'lottery drawing program' for an assignment, so far have coded the below, but for some reason, on the output page, it keeps putting [object HTMLInputElement] into the output Text box.. - any ideas?
Many thanks in advance, - AB. -
<HTML>
-
<HEAD>
-
<TITLE>Programming : Task - Drawing numbered balls</TITLE>
-
-
<SCRIPT language="JavaScript">
-
-
// My getRandomNumber function
-
function getRandomNumber (myNum)
-
{
-
var getRandomNumber = Math.floor(Math.random() * myNum);
-
-
// this returns the number into the alert box.
-
return getRandomNumber;
-
}
-
-
-
function lotteryDraw(highBall, numberToDraw)
-
{
-
// This sets up an array called 'numberPool' which will hold your numbers to draw from
-
// the arrays size is set to the same as the user's input 'highBall'
-
var numberPool = new Array(highBall);
-
-
// This is user entered, it sets a variable called sizeOfPool to = the user inputted 'highball'
-
var sizeOfPool = highBall;
-
-
// once the user enters the amount of numbers they wish to draw it sets up an array to hold them once they have been drawn.
-
var drawnNumbers = new Array(numberToDraw);
-
-
/* This is a 'FOR' loop, a loop which iterates a predetermined number of times.
-
That number is the same as the initially entered 'highBall' The loop goes through the spaces in the array numberPool placing
-
incremented numbers into it's spaces ( 1, 2, 3, 4, etc...) it continues this until it reaches the number that = highBall
-
(as the array numberPool is equal to highBall, this means that every space in the array has a number assigned to it.
-
*/
-
for (var index = 0; index < highBall; index = index + 1)
-
{
-
numberPool[index] = index + 1;
-
}
-
-
/* This is a FOR loop which iterates a predetremined number of times.
-
The number of iterations is governed by the number that the user enters as the number of balls they wish to draw (numberToDraw)
-
it randomises a number then goes through our array of numbers taking the selected number and placing it into another array ready to display.
-
It also then removes that number from our main list of numbers to make sure that the same number isn't drawn twice'
-
*/
-
for (var drawnBall = 0; drawnBall < numberToDraw; drawnBall = drawnBall + 1)
-
{
-
// This line creates our random number between 0 & our highest possible number (sizeOfPool)
-
var randomNumber = getRandomNumber(sizeOfPool);
-
// This line adds our chosden number into the initially blank array 'Drawn Numbers'
-
// as this loop runs through, the array will slowly fill up, until all the numbers have been selected
-
drawnNumbers[drawnBall] = numberPool[randomNumber];
-
-
// This takes our very highest number in our 'numberPool' and copies it over the number that was just selected
-
// the reason for this is so that in a minute , when the number of possible selections is shrunk by 1, the only number that is 'dropped out' is
-
// The number that was just selected and added to the array 'DrawnNumbers'
-
numberPool[randomNumber] = numberPool[sizeOfPool - 1];
-
-
// this stops the selection process from selecting the highest number each time
-
// as the highest number each time is written over the number just selected
-
// it ensures a full list of numbers that are all uniqwue and are no duplicates of the ones already selected.
-
sizeOfPool = sizeOfPool - 1;
-
}
-
// This writes out the contents of the array 'drawnNumbers' into the space on the HTML form.
-
document.lotteryForm.drawnNumbersTextBox.value = drawnNumbers;
-
}
-
-
-
-
</SCRIPT>
-
</HEAD>
-
<BODY>
-
-
<STRONG>A test of the function lotteryDraw()<BR></STRONG>
-
<FORM NAME = "lotteryForm">
-
<P>
-
Total Number of Balls in Pool:
-
</P>
-
<P>
-
<INPUT TYPE = "text" NAME = "numberOfBallsTextBox" SIZE ="2" MAXLENGTH = "2">
-
</P>
-
<P>
-
Number of Balls to Draw:
-
</P>
-
<P>
-
<!-- Note the SIZE attribute, whose value determines the size in characters of a text box and
-
the MAXLENGTH attribute, whose value constrains the length in characters of the allowed input -->
-
<INPUT TYPE = "text" NAME = "ballsToDrawTextBox" SIZE = "1" MAXLENGTH = "1" >
-
</P>
-
-
-
<!-- The RESET input type creates a button which, when clicked, resets a form to its original state -->
-
<INPUT TYPE = "reset" NAME = "resetButton" VALUE = "Clear Form">
-
-
<!-- COMPLETE THE ONCLICK EVENT HANDLER TO INVOKE lotteryDraw() WITH ARGUMENTS TAKEN FROM THE FORM INPUT TEXT BOXES -->
-
<INPUT TYPE = "button" NAME = "drawBalls" VALUE ="Draw the Balls!"
-
ONCLICK = "highBall = document.lotteryForm.numberOfBallsTextBox;
-
numberToDraw = document.lotteryForm.ballsToDrawTextBox;
-
lotteryDraw(highBall, numberToDraw);">
-
-
<P>
-
Drawn Numbers:
-
</P>
-
<P>
-
<INPUT TYPE = "text" NAME = "drawnNumbersTextBox" SIZE = "30" MAXLENGTH = "30" >
-
</P>
-
-
</FORM>
-
-
</BODY>
-
</HTML>
-
5  13683 
your main problems are the input values of lotteryDraw(), these should be integers/strings but they are actually the input elements. therefore the for loop is completely skipped and the output contains the element(s) present in the array.
tip: with the Firebug addon (Firefox) you can go step by step through your code and see, what the values are.
Hmm, - OK, I think I get what you mean, I'll have a crack at solving it & let you know how I get on,..
thanks for the guidance.
Thank you very much to Dormilich for helping me out.
I'm still learning JS & hadn't used many object outputs etc.
I have now got it working so am very grateful. (on to the next one <sigh>)
glad you got it sorted.
PS: wait ’til you discover, that everything in Javascript is an object…
Sign in to post your reply or Sign up for a free account.
Similar topics
by: nsrajesh via DotNetMonster.com |
last post by:
Hi
I need an immediate help from you guys. I am doing a project, that automate
the web browser control. It has to fill some text fields and click a submit
button.
I use the below code tho fill...
|
by: Simon_Keep |
last post by:
Hi,
I have an Xslt extension object that returns a node-set to the xslt
stylesheet which then uses an xsl:copy-to statement to write it to the
output.
The problem I am having is that the...
|
by: Arun Bhalla |
last post by:
Hi,
I'm developing an Explorer bar using VS.NET 2003 (C#) on Windows XP. For
some time, I've noticed that I don't have filenames and line numbers
appearing in my exceptions' stack traces. On...
|
by: Tom Grinnert |
last post by:
Hello,
I try to create an automatic login for the gmx email web page
(http://www.gmx.net/de/dienst/).
Unfortunally the Button for login in has no Id and no name in the HTML
Dokument:
...
|
by: paladin.rithe |
last post by:
I'm running into an issue with session_start(). I see that you can't
run it twice, otherwise it causes an issue. That's fine, and makes
sense. I also saw some ideas on how to get around this if...
|
by: ensemble |
last post by:
I'm trying to utilized a more object-oriented approach to managing
window events in javascript. Thus, I am creating a "controller" object
to handle events and interact with the server. However, I...
|
by: Stephany Young |
last post by:
When one uses the System.Diagnostics.Process.Start method to launch a common
or garden Console application, one can set the WindowStyle property of the
StartInfo object to ProcessWindowStyle.Hidden...
|
by: MSK |
last post by:
Hi,
I am a newbie to CSS , I have an issue in my project
its java based web app, all the pages are looking fine
IE6,Firebox...but the problem is appearing in IE7
basically some div class...
|
by: =?Utf-8?B?UGF1bCBQcmV3ZXR0?= |
last post by:
I'm attempting to use LINQ to insert a record into a child table and I'm
receiving a "Specified cast is not valid" error that has something to do w/
the keys involved. The stack trace is:
...
|
by: taylorcarr |
last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
|
by: Charles Arthur |
last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
|
by: ryjfgjl |
last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
|
by: emmanuelkatto |
last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud.
Please let me know.
Thanks!
Emmanuel
|
by: BarryA |
last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
|
by: Hystou |
last post by:
There are some requirements for setting up RAID:
1. The motherboard and BIOS support RAID configuration.
2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
|
by: marktang |
last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
|
by: Hystou |
last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
|
by: jinu1996 |
last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
| |
