can you help me with an array?

rabidlemming · Nov 12, 2003

hi,

I have included the java script below. I am trying to make an array 100 blocks big. (See in the code where it say’s "this is where I need help&quot

. I need to put the values of 0 to 99 into the array blocks. I then need to check that when a user clicks an image it checks the image index number again the values in the array. If the number is in the array it will do an image swap. Then it will remove the number that matched the image index number from the array. This is so that once an image has been click once it can not be click again. I need an alert message to say something like "this has already been clicked on". I then need it so when the array is empty or when all the images have been click on, if the value life is still = or > 1 then alert you win. Then reload the page. It’s for a java game version of mind sweeper. There are a total of 100 images that swap over in a table. Can you please help me?
My javascript is:
<script language="JavaScript" type="text/JavaScript">
var life = 3;
var b = 0;
var a = 9;
var v = 1;
var rNum;
var SwapImg = new Image;
SwapImg.src="BOXCORRECT.gif";
var bang = new Image;
bang.src="BANG.gif";
var numArray = new Array(a);
function makebomb() {
if (v == 1){
name = "normal";
alert ("You have " + life + " lives. You must find " + (a + 1) + " Mines. This is set to " + name + " difficulty. To change the difficulty setting click on the difficulty settings below.&quot

;
v = v + 1;
}
for(i=0;i<=a;i++) {
rNum = Math.round(Math.random()*99);
for(k=0;k<=a;k++) {
if(rNum==numArray[k]) {
rNum = Math.round(Math.random()*99);
i=0;
}
}
}
numArray=rNum;
}
function add(userschoice) {
// THIS IS WHERE I AM STUCK
THIS IS WHERE I AM STUCK
{
function easy() {
name = "easy"
life = 3;
a = 4;
alert ("You have " + life + " lives. You must find " + (a + 1) + " Mines. This is set to " + name + " difficulty. To change the difficulty setting click on the difficulty settings below."
for(j=0;j<=99;j++) {
b = b + 1;
document.images[j].src="BOX.gif";
}
makebomb();
}
function normal() {
name = "normal"
life = 3;
a = 9;
alert ("You have " + life + " lives. You must find " + (a + 1) + " Mines. This is set to " + name + " difficulty. To change the difficulty setting click on the difficulty settings below."
for(l=0;l<=99;l++) {
document.images[l].src="BOX.gif";
}
makebomb();
}
function hard() {
name = "hard"
life = 3;
a = 19;
alert ("You have " + life + " lives. You must find " + (a + 1) + " Mines. This is set to " + name + " difficulty. To change the difficulty setting click on the difficulty settings below."
for(m=0;m<=99;m++) {
document.images[m].src="BOX.gif";
}
makebomb();
}
function message1() {
alert ("You have " + life + " life(s) left"
}
function message() {
if (v == 1);
name = "notmal";
alert ("You have " + life + " lives. You must find " + (a + 1) + " Mines. This is set to " + name + " difficulty. To change the difficulty setting click on the difficulty settings below."
v == v + 1;
}
function swap(userschoice) {
var found = 0;
for(i=0;i<=a;i++){
if (numArray==userschoice)
found++;
}
if(found >0){
life = life - 1;
document.images[userschoice].src=bang.src;
end();
}
else
{
document.images[userschoice].src=SwapImg.src;
alert ("Thew! That was close."
}
function end() {
if (life == 0){
alert ("Sorry you died Game Over"
window.location.reload();
}
else
{
message1();
}
}}}}</script>
</head>
<body onLoad="makebomb();">
<div align="center"></div>
<table width="38%" align="center" height="339" border="1" cellpadding="1" cellspacing="1" bordercolor="#000000" bgcolor="#000000">
<tr>
<td><a href="JavaScript:add(0)" onMouseDown="add(0)"src="BOXCORRECT.gif" width="70" height="70"><img src="BOX.gif" width="70" height="70"></a></td>
<td><a href="JavaScript:add(1)" onMouseDown="add(1)" src="BOXCORRECT.gif" width="70" height="70"><img src="BOX.gif" width="70" height="70"></a></td>
<td>" DITTO DITTO"</a></td>
<td>"DITTO DITTO"</a></td>
</tr>
<tr>

cheers

randall2nd · Nov 12, 2003

not sure i understood all your code, but couldn't you just use another array of 100 elements that has a value of 0 or 1 to show if the image has been clicked.

If it has then display the error message. If not then flip the value, swap the image, and increment a counter. Check the counter to see if it is 100.

Let me know how close I got.

Randall2nd

rabidlemming · Nov 12, 2003

hi,

I think I could do that, but I am new to JavaScript could you possibly give me an example of the code I would need to do what you suggested as I am unsure how to do it my self.

Thank you.

kaht · Nov 12, 2003

to ensure the button doesn't get clicked again why not just set the button's disabled property to true after it's been clicked?

-kaht

rabidlemming · Nov 12, 2003

hi,

Well the button is an image, when the user click it swaps to another image. You see I am making a simple minesweeper game, and the image can swap to either a bomb or to a flag. Can I still use the set button disabled property to true after it's been clicked? If so how do i do that in java script as I don’t know the code to do that?

Thanks

kaht · Nov 13, 2003

<input type=button onclick='this.disabled=true'>

to change the picture on the button I'm sure you'd just use the style element, but I've not done it before.

-kaht

rabidlemming · Nov 13, 2003

hi,

thanks for your help I got it working now:

<script language="JavaScript" type="text/JavaScript">
var life = 3;
var a = 9;
var winner = 90;
var rNum;
var num = 3;
var SwapImg = new Image;
SwapImg.src="BOXCORRECT.gif";
var bang = new Image;
bang.src="BANG.gif";
var numArray = new Array(a);
function makebomb() {
alert ("You have " + life + " lives. You must find " + (a + 1) + " Mines. This is set to normal difficulty. To change the difficulty setting click on the difficulty settings below.&quot

;
for(i=0;i<=a;i++) {
rNum = Math.round(Math.random()*99);
for(k=0;k<=a;k++) {
if(rNum==numArray[k]) {
rNum = Math.round(Math.random()*99);
i=0;
}
}
numArray=rNum;
}
}
function easy() {
life = 3;
a = 4;
for(j=0;j<=99;j++) {
document.images[j].src="BOX.gif";
}
makebomb();
}
function normal() {
life = 3;
a = 9;
for(l=0;l<=99;l++) {
document.images[l].src="BOX.gif";
}
makebomb();
}
function hard() {
life = 3;
a = 19;
for(m=0;m<=99;m++) {
document.images[m].src="BOX.gif";
}
makebomb();
}
var unclickedIndexes = new Array(99);
for (var i=0; i <= 99; i++){
unclickedIndexes = i;
}
function add(userschoice){
//a switch that will be set to true if image index is found
var imageIndexRemoved = false;
for (var i in unclickedIndexes){
if (userschoice == unclickedIndexes){
swap(userschoice);
unclickedIndexes.splice(i, 1);
imageIndexRemoved = true;
break;
}
}

//if we didn't find the index, show alert
if (imageIndexRemoved == false){
alert("This has already been clicked on"
}
}

function message() {
if (life >= 1);
alert ("You have " + life + " life(s) left"
}
function swap(userschoice) {
var found = 0;
for(i=0;i<=a;i++){
if (numArray==userschoice)
found++;
}
if(found >0){
{
life = life - 1;
document.images[userschoice].src=bang.src;
end();
}
}
else
{
winner = winner - 1;
document.images[userschoice].src=SwapImg.src;
haveiwon();
}
function haveiwon() {
if (winner == 0){
alert ("Congradulations! You Have Won! Well Done!"
window.location.reload();
}
else
{
alert ("Thew! That was close. Only " + winner + " more to go."
}
}
function end() {
if (life == 0){
alert ("Sorry you died Game Over"
window.location.reload();
}
else
{
message();
}
}}
</script>
</head>
<body onLoad="makebomb()">

<div align="center"></div>
<table width="38%" align="center" height="339" border="1" cellpadding="1" cellspacing="1" bordercolor="#000000" bgcolor="#000000">
<tr>
<td><a href="JavaScript:add(0)" onMouseDown="add(0)"src="BOXCORRECT.gif" width="70" height="70"><img src="BOX.gif" width="70" height="70"></a></td>
<td><a href="JavaScript:add(1)" onMouseDown="add(1)" src="BOXCORRECT.gif" width="70" height="70"><img src="BOX.gif" width="70" height="70"></a></td>

ditto ditto
then at the end of the page

<td><div align="center"><a href="javascript:scroll(0,0);easy()"><img src="Easy.GIF" width="100" height="50" border="0"></a></div></td>
<td><div align="center"><a href="javascript:scroll(0,0);normal()"><img src="Normal.GIF" width="100" height="50" border="0"></a></div></td>
<td><div align="center"><a href="javascript:scroll(0,0);hard()"><img src="Hard.gif" width="100" height="50" border="0"></a></a></div></td>

thank you for your help

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

can you help me with an array?

rabidlemming

Technical User

randall2nd

Programmer

rabidlemming

Technical User

kaht

Programmer

rabidlemming

Technical User

kaht

Programmer

rabidlemming

Technical User

Similar threads

Part and Inventory Search

Sponsor