|
JavaScript - Simple Js Game Of Interconnected Nodes - Problems Assigning Player Direction Choice
I'm developing a simple game that involves a system of interconnected nodes with unidirectional travel between nodes (similar to the circulation system!). The goal of the game is to get from a starting node to an ending node, which can be a variable number of nodes away.
The program picks a random starting point, then randomly chooses one of its connecting nodes (cNodes) and pushes it onto a pathArray. A cNode is randomly chosen from this new node and it is pushed onto the pathArray. This continues for a designated number of turns, thus generating a pathArray (invisible to the player). The last element in the pathArray is the endNode and the goal of the puzzle. At each node the player is given two options of travel (though there may be more than two ways to go). One of these options MUST be the correct way if the player has not deviated from the path up until that point. If the player has deviated, this option can be any cNode. The other node is any cNode that does not lead to the endNode. The following code contains a simplified list of nodes that represents the content in my game. The function, however, is taken word for word. In this snippet, the pathArray & startNode have already been generated and I am trying to resolve how to assign "nodeChoice" as either the correct direction of travel (for a player on the correct path) or any random cNode (for a player who has deviated from the path). Keep in mind that the pathArray and cNodes lengths can be any size. Code: <script>
//NODES:
var nodeA = {name:"A"};
var nodeB = {name:"B"};
var nodeC = {name:"C"};
var nodeD = {name:"D"};
var nodeE = {name:"E"};
var nodeF = {name:"F"};
var nodeG = {name:"G"};
var nodeH = {name:"H"};
var nodeI = {name:"I"};
var nodeJ = {name:"J"};
var nodeK = {name:"K"};
//An array of all nodes in the system:
var systemArray = [nodeA, nodeB, nodeC, nodeD, nodeE, nodeF, nodeG, nodeH, nodeI, nodeJ, nodeK];
//Connecting Nodes (cNodes):
//(uni-directional, but cyclical)
nodeA.cNodes = [nodeB, nodeC];
nodeB.cNodes = [nodeD, nodeE, nodeF];
nodeC.cNodes = [nodeF, nodeG];
nodeD.cNodes = [nodeI, nodeH];
nodeE.cNodes = [nodeJ];
nodeF.cNodes = [nodeK];
nodeG.cNodes = [nodeK];
nodeJ.cNodes = [nodeA];
nodeK.cNodes = [nodeA];
nodeI.cNodes = [nodeA];
nodeH.cNodes = [nodeA];
//The path chosen (generated from code not included here)
var pathArray = [nodeA, nodeB, nodeE, nodeJ];
//nodeChoice will represent a cNode from any given node
var nodeChoice;
//chooseNode is supposed to assign nodeChoice the next element in pathArray if the player on on the right path (if at nodeB, nodeChoice = nodeE).
//However, if the user has taken a different path, its cNodes will not be in pathArray in which case a random cNode is assigned to nodeChoice
function chooseNode(_node) {
//check each cNode to see if any are in pathArray
for (var j = 0; j < _node.cNodes.length; j++) {
//if a cNode is in pathArray, then we know to assign it nodeChoice...
if (_node.cNodes[j] in pathArray) {
nodeChoice = _node.cNodes[j];
console.log("choiceNode CORRECT: " + nodeChoice.name); //(for debugging purposes only)
}
//...otherwise don't do anything in this forLoop/ifStatement
};
//if by this point nodeChoice is still undefined, meaning none of the current node's cNodes are in pathArray, assign it any one of its cNodes.
if (nodeChoice == undefined) {
nodeChoice = _node.cNodes[Math.floor(Math.random()* _node.cNodes.length)];
console.log("choiceNode INCORRECT: " + nodeChoice.name);//(for debugging purposes only)
};
};
//Runtime:
chooseNode(nodeB);
//Result should be only nodeE.name since nodeD is not in the pathArray...
console.log(nodeChoice.name);
</script>
...however, nodeChoice is assigned either D, E or F randomly and we are given the troubleshooting statement "choiceNode INCORRECT: D (or) E (or) F", indicating that the if-in statement is always ignored. I know that the if-in statement doesn't work but am not sure how else to write it so that each cNode is compared the each element in pathArray, both of which can be of variable lengths... Similar TutorialsHi, I'm trying to make a dice game, as well as making it two player. I need to be able to have a scoreboard displayed (eg. player 1 has won 7 times and player 2 has won 4) and I need to be able to prompt the user on if they want to play the game again. So far I have the following: Code: <html>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Dice Game -->
<!-- player 1
var die = 6;
var dice = 2;
var player1 = 0;
var player2 = 0;
function dice_roll(die, dice) {
var roll = 0;
for (loop=0; loop < dice; loop++) {
roll = roll + Math.round(Math.random() * die) % die + 1;
}
document.form.text.value = roll;
}
player1 = roll;
// End -->
<!-- player 2
function dice_roll2(die, dice) {
var roll = 0;
for (loop=0; loop < dice; loop++) {
roll = roll + Math.round(Math.random() * die) % die + 1;
}
document.form.text.value = roll;
}
player2 = roll;
// End -->
if player_1 = player_2
alert("DRAW!")
else if player_1 > player_2
alert("Player 1 is the winner!")
else if player_1 < player_2
alert("Player 2 is the winner!")
</script>
<body>
<form name=form>
<table border=2 cellpadding=5>
<tr>
<td colspan=2 align=middle>No. of sides/dice</td>
</tr>
<tr>
<td valign=top align=middle>
<p><input type=radio checked name=sides onClick="die = 6">6 Sided
</td>
<td valign=top align=middle>
<p><input name=number type=radio onClick="dice = 2" checked>
2
</td>
</tr>
<tr>
<td align=middle colspan=4>
<input type=button value="Roll Dice" name=button onClick="dice_roll(die, dice)">
<input type=text size=10 name=text>
</td>
</tr>
</table>
</form>
</center>
</body>
</html
^^ I basically just tried duplicating the original function that adds up the 'dice'. But it doesn't work, I've tried playing around with if/else statements etc to get it to display messages and so fourth, but I have failed. Any help would be appreciated. I only started javascript last week and my teacher isn't really helping explain lots of it. Thanks in advance. I have your typical AJAX function that doesn't seem to be working quite well. :< Here's the relevant portion of the StateChange function: Code: function StateChange()
{
if(ttajax.readyState==4)
{
xmlDoc=ttajax.responseXML;
if (!xmlDoc) {return;}
var x=xmlDoc.documentElement.childNodes;
var AlertVal = '';
for (var i=0;i<x.length;i++)
{
if (x[i].nodeType==1)
{
AlertVal += x[i].nodeName + ": " + x[i].firstChild.nodeValue + "\n";
// AlertVal += x[i].nodeName + ": " + x[i].childNodes[0].nodeValue + "\n";
}
}
alert(AlertVal);
var gameid = xmlDoc.getElementsByTagName('gameid')[0].childNodes[0].nodeValue;
// Other ****
}
}
Note the testing function there... It DOES return the Node Name! However, the firstChild/childNodes[0] is "null", and I cannot pull the nodeValue from it. :< Here is a sample XML bit it's being tested on: Code: <?xml version="1.0" encoding="ISO-8859-1"?>
<game>
<gameid>16</gameid>
<turn>24262</turn>
<notturn>15010</notturn>
<dateline>1275511672</dateline>
<hcount>6</hcount>
<ccount>4</ccount>
<turn_html><![CDATA[
--Snipped--
]]></turn_html>
<board_html><![CDATA[
--Snipped--
]]></logs_html>
<cactivate>60580</cactivate>
<cactivate>65401</cactivate>
<cactivate>78720</cactivate>
<cactivate>80275</cactivate>
<sactivate>0</sactivate>
<sactivate>1</sactivate>
<sactivate>2</sactivate>
<sactivate>3</sactivate>
<sactivate>4</sactivate>
<sactivate>5</sactivate>
<sactivate>6</sactivate>
<sactivate>7</sactivate>
<sactivate>8</sactivate>
</game>
Any help would be appreciated, thanks. Okay, I am taking a js class and there is one minor bug that is driving me crazy with this assignment. First, here is the code I wrote, then my question: Code: var games = ["Jacks","Chutes and Ladders","Extreme Uno","Bopit","Barbie Doll"];
var price = [4.00,15.99,25.00,27.99,32.00];
var inventory = [40,15,30,20,40];
//I could not figure out how to make this work without assigning values first. It was giving NaN.
var subtotal = [0,0,0,0,0];
var qtySold = [0,0,0,0,0];
function chooseItem() {
var answer = 0;
while (answer != 6) {
var orderForm = "Choose a number below:\n";
for (var i=0; i<games.length; i++) {
orderForm = orderForm + (i + 1) + ".) " + games[i] + ": # in stock: " + inventory[i] + "\n";
}
orderForm = orderForm + "6.) Show Sales Summary";
answer = prompt(orderForm);
answer = parseFloat(answer);
if(answer != 6 && answer >= 1 && answer < games.length+1) {
var qty = prompt("How many " + games[answer-1] + " would you like?");
qtySold[answer-1] = parseFloat(qtySold[answer-1]) + parseFloat(qty);
subtotal[answer-1] = qtySold[answer-1] * price[answer-1];
} else if (answer < 1 || answer > 6) {
alert("Invalid Answer");
} else {
alert("Click OK to see your summary:");
}
}
var summary = "Your Sales: \n";
for (var j=0; j<qtySold.length; j++) {
summary = summary + qtySold[j] + " " + games[j] + " at " + currency(price[j]) + " each for a total of " + currency(subtotal[j]) + "\n";
}
alert(summary);
}
So basically, the arrays subtotal and qtySold need to retain values in case the "customer" chooses to add more of the same item in each order. What you see above works; however, when I alert the summary, it lists all of the items, even if there were none ordered. It simply says 0, but that is not what I want. Basically, I only want the total to reflect only the items that were actually selected. I do not what to do it this way: Code: var subtotal = [0,0,0,0,0]; var qtySold = [0,0,0,0,0]; I can effectively do this by NOT assigning any values to the qtySold array in the beginning: i.e. doing it this way: Code: var subtotal = new Array(); var qtySold = new Array(); The only problem is that when I do this, I get NaN at this point: Code: qtySold[answer-1] = parseFloat(qtySold[answer-1]) + parseFloat(qty); subtotal[answer-1] = qtySold[answer-1] * price[answer-1]; obviously, this is because I am referencing qtySold[answer-1] directly in the loop - so the first time through, there is nothing assigned. I can't (just before this line) assign 0 to each array item - to get it defined because if the user goes back in and adds more, it will always reset the number back to 0, which is not what I wanted. I tried adding an if..else statement instead, but cannot figure out how to get that to work? What are my options here? Thanks! Mike hi, I am making a driving map which shows lines on the map based on point of departure and destination. It's working fine he http://www.xelawho.com/map/drive2.htm but what I would like to do is instead of having all the sidebar checkbox business, just to have two dropdown boxes - one for "from" and one for "to". I have seen plenty of these around but my problem is that my data comes from an xml file, so I guess the menus would have to be populated by loops. The other problem being that not every departure point goes to every destination, so the second menu would have to be populated dynamically depending on the option chosen in the first... does anybody have any ideas how I would do this? thanks in advance. Hey guys, I just started to create my first Javascript game. It is a platformer and i just cant figure out how to do the movement. ATM my "character" is just a black rectangle. Here is my code. I have not been able to find the bug. var c = document.getElementById("mainCanvas"); var ctx = c.getContext("2d"); var level1 = new Image(); level1.src = "Textures/level1.png" level1.addEventListener("load", function() {ctx.drawImage(level1, 0,0,1024,1024) ctx.fillRect(playerX, playerY, 55, 118)}) //Charecter Position var playerX = 512 var playerY = 512 //Render function playerRender() {ctx.fillRect(playerX, playerY, 55, 118)} window.addEventListener("keydown", function(evt){ if (evt.keycode == 87) {playerY-=10} }) var RenderPlayerInterval = setInterval(playerRender() ,10) Reply With Quote 01-25-2015, 12:34 AM #2 Old Pedant View Profile View Forum Posts Supreme Master coder! Join Date Feb 2009 Posts 28,310 Thanks 82 Thanked 4,754 Times in 4,716 Posts Code: ctx.fillRect(playerX, playerY, 55, 118)}) //Charecter Position var playerX = 512 var playerY = 512 When you *CALL* that fillRect, neither playerX nor playerY has yet been defined! SO you are essentially doing Code: ctx.fillRect( null, null, 55, 118) And where are the semicolons on the end of EACH LINE. Yes, I know they aren't required. But put them in. It will save you from grief someday. Hi all, I am working on a hangman game and have got myself into a bit of muddle with designing the function that prompts the user to enter a letter and then checks it hasn't already been entered, if it has it asks them to enter a different letter. I basically want each letter that is entered to be added to the var allGuesses, then each new entry should be compared against this - however it's not looping at the moment and I don't really know where to go from here.. Am I close? Or miles off? function getInput(aString) { var allGuesses = ''; var inputCharacter = window.prompt("Pick a single lower-case character", "") while (inputCharacter == allGuesses.indexOf(-1)) { reInputCharacter = window.prompt("You have picked " + inputCharacter + " already. Pick another single lower-case character", "") } allGuesses = allGuesses + inputCharacter document.write(allGuesses) } Any advice would be much appreciated! Basically, I have a Simon Says game with very simple functions but I added an image map with buttons that I now want to use, rather than a table with images as buttons. The problem is, now I can't get the game to work with the image map. Can anyone help me?
import java.util.Scanner; import java.util.Arrays; /*********************************************************** * WordGuess game is a Hangman like game for two (or more) * players. This is a two player version *The game of Hangman involves one player making a word and a second * player guessing the word by guessing each letter in turn. If the guessing *player cannot get it in 6 (or so depending on the version) tries, the other *player wins. If the guesser gets it in the requisite number of tries, then the *guesser wins. This is a variant of the Hangman game involving two players *guessing against each other. * * * @author JavaFish * @I can't seem to get my loop working....it's not behaving like i want it to. ***********************************************************/ public class WordGuess { private Scanner kb; // use for all keyboard entry private Player player1; // first player private Player player2; // second player private WordBank wordList; // the dictionary to use /* alternate instance variable for the players deactivate the individual players if you choose to use this version. */ // private Player[] players; /********************************************************* * Explicit value constructor that builds a random dictioinary * * @param player1 The name of player1 * @param player2 The name of player2 ********************************************************/ public WordGuess(String player1, String player2) { wordList = new WordBank(); wordList.getWord(); this.player1 = new Player(player1); this.player2 = new Player(player2); } /********************************************************* * Explicit value constructor that builds a seeded dictioinary * * @param player1 The name of player1 * @param player2 The name of player2 * @param seed The seed to pass to WordBank constructor ********************************************************/ public WordGuess(String player1, String player2, long seed) { wordList = new WordBank(); wordList.getWord(); this.player1 = new Player(player1); this.player2 = new Player(player2); } /********************************************************* * play game plays the game until one player reaches 10 wins *********************************************************/ public void playGame() { boolean loopControl; boolean loopControlOne; boolean loopControlTwo; boolean playerTurn; boolean startOver; String playerInput; char playerCheck; String checkProgress; String checkGuess; String word; char[] dashes; char[] wordLetters; char[] lettersGuessed; kb = new Scanner(System.in); startOver = true; loopControl = true; playerTurn = true; System.out.printf("Welcome to Word Guess %s and %s\n\n", player1.getName(), player2.getName()); if (loopControl) { startOver = true; word = wordList.getWord(); dashes = new char[word.length()]; wordLetters = new char[word.length()]; lettersGuessed = new char[6]; for(int i = 0; i < word.length(); i++) { dashes[i] = ('-'); wordLetters[i] = word.charAt(i); } System.out.print('-'); if(startOver) { checkGuess = new String(lettersGuessed); checkProgress = new String(dashes); loopControlOne = true; loopControlTwo = true; if(playerTurn) { loopControlOne = false; } if (loopControlOne) checkGuess = new String(lettersGuessed); checkProgress = new String(dashes); playerTurn = true; { for(int i = 0; i < word.length(); i++) { System.out.print(dashes[i]); } System.out.print("\nUsed letters: "); for(int i = 0; i < 6; i++) { if(lettersGuessed[i] != 0) { System.out.print(lettersGuessed[i] + " "); } } System.out.printf("\n%s, guess a letter. ", player1.getName()); // Gets the players input and assigns it to variable playerInput playerInput = kb.nextLine(); playerCheck = playerInput.charAt(0); playerInput = new String("" + playerCheck); System.out.println(); for(int i = 0; i < word.length(); i++) { if(playerCheck == wordLetters[i]) { dashes[i] = playerCheck; } } if(checkGuess.contains(playerInput)) { System.out.printf("%s is already guessed. %s, you lose your turn.\n", playerInput, player1.getName()); loopControlOne = false; } else if(word.contains(playerInput)) { for(int i = 0; i < word.length(); i++) { if(wordLetters[i] == playerCheck) { dashes[i] = playerCheck; } } if(checkProgress.contains("-")) { System.out.printf("Correct: %s go again.\n", player1.getName()); for(int i = 0; i < 6; i++) { if(lettersGuessed[i] != 0) { lettersGuessed[i] = playerCheck; i = 6; } Arrays.sort(lettersGuessed); } } else { System.out.printf("Correct. %s you win a point!\n", player1.getName()); System.out.println(word); player1.iWon(); System.out.printf("%s: %d\t%s: %d\n\n", player1.getName(), player1.getScore(), player2.getName(), player2.getScore()); startOver = false; if(player2.getScore() == 5 || player1.getScore() == 5) { System.out.print("Game over. %s wins!\n"); loopControl = false; loopControlTwo = false; } // Set up new loop that clears everything. } } else { System.out.printf("Incorrect. %s, you lose your turn.\n", player1.getName()); loopControlOne = false; for(int i = 0; i < 6; i++) { if(lettersGuessed[i] == 0) { lettersGuessed[i] = playerCheck; i = 6; } Arrays.sort(lettersGuessed); } } } if (loopControlTwo) { checkGuess = new String(lettersGuessed); checkProgress = new String(dashes); playerTurn = true; for(int i = 0; i < word.length(); i++) { System.out.print(dashes[i]); } System.out.print("\nUsed letters: "); for(int i = 0; i < 6; i++) { System.out.print(lettersGuessed[i] + " "); } System.out.printf("%s, guess a letter. ", player2.getName()); // Gets the players input and assigns it to variable playerInput playerInput = kb.nextLine(); playerCheck = playerInput.charAt(0); playerInput = new String("" + playerCheck); for(int i = 0; i < word.length(); i++) { if(playerCheck == wordLetters[i]) { dashes[i] = playerCheck; } } if(checkGuess.contains(playerInput)) { System.out.printf("%s is already guessed. %s, you lose your turn.\n", playerInput, player1.getName()); loopControlTwo = false; } else if(word.contains(playerInput) && checkProgress.contains("-")) { { System.out.printf("Correct: %s go again.\n", player2.getName()); for(int i = 0; i <6; i++) { if(lettersGuessed[i] != 0) { lettersGuessed[i] = playerCheck; i = 6; } } Arrays.sort(lettersGuessed); } } else if(word.contains(playerInput)) { System.out.printf("Correct. %s you win a point!\n", player1.getName()); System.out.println(word); player1.iWon(); System.out.printf("%s: %d\t%s: %d\n\n", player2.getName(), player2.getScore(), player1.getName(), player1.getScore()); loopControlTwo = false; if(player2.getScore() == 0 || player1.getScore() == 0) { System.out.print("Game over. %s wins!\n"); loopControl = false; } } else { System.out.print("Incorrect. %s, you lose your turn.\n"); loopControlTwo = false; for(int i = 0; i < 6; i++) { if(lettersGuessed[i] == 0) { lettersGuessed[i] = playerCheck; i = 6; } Arrays.sort(lettersGuessed); } } } } } } } I am trying to create a simple shoot em up on java and it is due by tomorrow 5/2. I need help making the gun I have created, shoot up to 10 bullets using the space bar. Also, I need some kind of either bullet countdown bar or something to show the shooter the number of bullets that he has left to shoot out of 10. So far I have created the Ufo's that bounce around the screen randomly and the gun that moves along the bottom using the arrow keys. When a Ufo huts the gun the game ends and goes to a blank screen. Here is what I have so far: Code: //Shoot.java
import acm.graphics.*;
import acm.program.*;
import java.awt.event.*;
import java.awt.*;
import acm.util.*;
public class Shoot extends GraphicsProgram
{
public static final int APPLICATION_WIDTH = 800;
public static final int APPLICATION_HEIGHT = 500;
final int AW=APPLICATION_WIDTH;
final int AH=APPLICATION_HEIGHT;
final int WAIT=5;
final int MV_AMT=5;
final int JUMP_AMT=100;
final int U_SIZE=30;
int xMove,yMove;
UFO u1,u2,u3;
public void init()
{
u1=new UFO();
u2=new UFO();
u3=new UFO();
RandomGenerator rg= new RandomGenerator();
int rand1= rg.nextInt(0,AW-50);
int rand2= rg.nextInt(0,AW-75);
int rand3= rg.nextInt(0,AW-100);
add(u1,rand1,0);
add(u2,rand2,0);
add(u3,rand3,0);
xMove=yMove=0;
addKeyListeners();
}//init
public void keyPressed(KeyEvent e)
{
int key = e.getKeyCode( );
if (key == KeyEvent.VK_RIGHT)
{ xMove = MV_AMT ; }
else if (key == KeyEvent.VK_LEFT)
{ xMove = -MV_AMT ; }
} //keyPressed
public void run()
{
RandomGenerator rg =new RandomGenerator();
GRectangle u1Box, u2Box, u3Box, g1Box;
int xMove1=1,xMove2=1,xMove3=1;
int yMove1=1,yMove2=0,yMove3=1/4;
boolean u1Done=false, u2Done=false, u3Done=false;
GUN g1=new GUN();
add(g1,300,480);
xMove=yMove=0;
addKeyListeners();
waitForClick();
while(true)
{
u1.move(xMove1,yMove1);
u2.move(xMove2,yMove2);
u3.move(xMove3,yMove3);
u1Box=u1.getBounds();
u2Box=u2.getBounds();
u3Box=u3.getBounds();
g1Box=g1.getBounds();
pause(WAIT);
g1.move(xMove,yMove);
xMove=yMove=0;
//intersections
if(u1Box.intersects(g1Box)==true)
{g1.setVisible(false);
u1.setVisible(false);
u2.setVisible(false);
u3.setVisible(false);
break;
}
if(u2Box.intersects(g1Box)==true)
{g1.setVisible(false);
u1.setVisible(false);
u2.setVisible(false);
u3.setVisible(false);
break;
}
if(u3Box.intersects(g1Box)==true)
{g1.setVisible(false);
u1.setVisible(false);
u2.setVisible(false);
u3.setVisible(false);
break;
}
//at top of window
if (u1.getY( ) == 0)
{ yMove1 = -yMove1 ; }
if (u2.getY( ) == 0)
{ yMove2 = -yMove2 ; }
if (u3.getY( ) == 0)
{ yMove3 = -yMove3 ; }
//at left or right side
if ((u1.getX( ) <= 0) || (u1.getX( ) + U_SIZE >= AW))
{ xMove1 = -xMove1 ; }
if ((u2.getX( ) <= 0) || (u2.getX( ) + U_SIZE >= AW))
{ xMove2 = -xMove2 ; }
if ((u3.getX( ) <= 0) || (u3.getX( ) + U_SIZE >= AW))
{ xMove3 = -xMove3 ; }
//at bottom of window
if (u1.getY( ) == 450)
{ yMove1 = -yMove1 ; }
if (u2.getY( ) == 450)
{ yMove2 = -yMove2 ; }
if (u3.getY( ) == 450)
{ yMove3 = -yMove3 ; }
}
}
}
Thank you so much Courtney Okay I'm writing a JavaScript application that would prompt the user for a number between 0 and 2, generate a random number for the computer, then take that input and display two images (in this case two hands making rock, paper, or scissor symbols at each other) using an array, and displaying text indicating a win, draw, or loss. I'm having a lot of problems getting this to work as I am new to JavaScript and am wondering if anyone could help me fix this problem. I just want the input from the prompt AND the random number to translate to what in the array should be displayed and what text is then shown at the bottom. Any comments/advice/help is greatly appreciated! By the way for some reason it doesn't let the letters H T M L show up together so that is where the ellipses are showing up! Code: <script type = "text/javascript">
selection = prompt("Enter 0 for rock, 1 for paper, and 2 for scissors")
userChoice = parseInt(selection)
arrayHolder = new Array();
arrayHolder[0] = "rock.jpg";
arrayHolder[1] = "paper.jpg";
arrayHolder[2] = "scissors.jpg";
compchoice = Math.floor(Math.random()*arrayHolder.length)
function playGame(idholder1)
{
document.images["userpic"].src = arrayHolder[userchoice];
document.images["comppic"].src = arrayHolder[compchoice];
if (userChoice == 0 && compchoice == 0)
{
document.getElementbyId(idholder1).innerHTML = "DRAW!"
}
else if (userChoice == 0 && compchoice == 1)
{
document.getElementbyId(idholder1).innerHTML = "Paper beats Rock, you lose!"
}
else if (userChoice == 0 && compchoice == 2)
{
document.getElementbyId(idholder1).innerHTML = "Rock beats Scissors, you win!"
}
else if (userChoice == 1 && compchoice == 0)
{
document.getElementbyId(idholder1).innerHTML = "Paper beats Rock, you win!"
}
else if (userChoice == 1 && compchoice == 1)
{
document.getElementbyId(idholder1).innerHTML = "Draw!"
}
else if (userChoice == 1 && compchoice == 2)
{
document.getElementbyId(idholder1).innerHTML = "Scissors beats Paper, you lose!"
}
else if (userChoice == 2 && compchoice == 0)
{
document.getElementbyId(idholder1).innerHTML = "Rock beats Scissors, you lose!"
}
else if (userChoice == 2 && compchoice == 1)
{
document.getElementbyId(idholder1).innerHTML = "Scissors beat Paper, you win!"
}
else if (userChoice == 2 && compchoice == 2)
{
document.getElementbyId(idholder1).innerHTML = "Draw!"
}
}
</script>
</head>
<body>
<p>
<center><img src="rock.jpg" width="197" height="171" alt="rock" id="userpic" /><img src="paper.jpg" width="210" height="95" id="comppic" /><br />
<h1 id="gametext" onLoad="playGame('gametext')">ROCK PAPER SCISSORS SHOOT!</h1></center>
</p>
I need to get the ID of all the nodes withing a DIV. How do I do that? Thanks, C what's the fastest or easiest way to get all comment nodes into an Array? the solution only needs to work in ie8/w3 if that helps. I got this code Code: Div= document.createElement("div");
Table= document.createElement("table");
Table.setAttribute("style","width:100px;height:100px;background-color : #708090;");
Table.setAttribute("bgColor","#708090");
tr=document.createElement("tr");
td=document.createElement("td");
text=document.createTextNode(aText);
myTableBody = document.createElement("TBODY")
td.appendChild(text);
tr.appendChild(td);
myTableBody.appendChild(tr);
Table.appendChild(myTableBody);
Div.appendChild(Table);
document.getElementsByTagName('body').item(0).appendChild(Div);
Now it all works fine with the exception of the Code: Table.setAttribute("style","width:100px;height:100px;background-color : #708090;");
so I was wondering how do I set the style attribute in the table node? Hi all, I am creating a simple 3 field calculator that calculates net, vat and gross. The user has to input 2 of the 3 fields, hit calculate and it should fill the 3rd field. I have so far succeeded with the net field (enter in gross and vat) but the other 2 throw up spurious results! I have worked out these equations (they work on a calculator) Net = G - (( G * V ) / ( V + 100 )) VAT = (( G - N ) x 100 ) / N Gross = N + ( N x ( V / 100 )) Heres the code for the javascript Code: <script type="text/javascript">
function netvatgross_calc() {
var net = (Number(document.calc.gross.value))-(((Number(document.calc.gross.value)) * (Number(document.calc.vat.value)))/((Number(document.calc.vat.value))+100));
var net = net.toFixed(2);
document.calc.net.value=net;
var vat = (((Number(document.calc.gross.value))-(Number(document.calc.net.value)))*100)/(Number(document.calc.net.value));
var vat = vat.toFixed(2);
document.calc.vat.value=vat;
var gross = (Number(document.calc.net.value))+((Number(document.calc.vat.value))/100)*(Number(document.calc.net.value));
var gross = gross.toFixed(2);
document.calc.gross.value=gross;
}
</script>
Here's the work in progress I am also wanting to add some code to throw up an error if less or more than 2 values have been entered. What am I doing wrong? Any help greatly appreciated! Cheers Dan I am trying to write a little Greasemonkey script to insert links to open mp3s in the Google Player. It is supposed to insert "(play)" next to these links. (play) is a span element consisting of a text node "(", a link/"a" element, and another text node ")". However, instead of inserting these new links next to each old link, it is putting them all in a row next to the very first mp3 link! For example, if there are 3 mp3 links found on the page, the following is inserted next to the first links: (play(play(play))) When the loop iterates over the whole array (i < links.length), the browser hangs until Firefox's slow script notification pops up and I click "Stop script"; then I see the nested links all next to the first mp3 link. Additionally, the url itself is strange. Just looking at it, you'd think I was running a recursive function, but I'm not! The URL with a limited for loop (x < 21): http://www.google.com/reader/ui/3523697345-audio-player.swf?audioUrl=http://www.google.com/reader/ui/3523697345-audio-player.swf?audioUrl=http://www.google.com/reader/ui/3523697345-audio-player.swf?audioUrl=http://www.google.com/reader/ui/3523697345-audio-player.swf?audioUrl=http://www.google.com/reader/ui/3523697345-audio-player.swf?audioUrl=http://www.google.com/reader/ui/3523697345-audio-player.swf?audioUrl=http://www.google.com/reader/ui/3523697345-audio-player.swf?audioUrl=http://www.hackerpublicradio.org/eps/hpr0924.mp3&autoPlay=true&autoPlay=true&autoPlay=true&autoPlay=true&autoPlay=true&autoPlay=true&autoPlay=tru e. Here is the script. I have been using the site http://www.hackerpublicradio.org for my testing. Code: var links = document.getElementsByTagName('a');
for (var i=0; i < links.length; i++) {
var x = links[i];
var url=x.href;
if (url.search(/.*\.mp3/i) != -1) {
var plink = document.createElement("a");
plink.href = "http://www.google.com/reader/ui/3523697345-audio-player.swf?audioUrl=" + url + "&autoPlay=true";
plink.target = "_blank"; //open in new tab
plink.appendChild(document.createTextNode("play"));
var pspan = document.createElement("span");
pspan.style.fontSize = "90%";
var openb = document.createTextNode("(");
var closeb = document.createTextNode(")");
pspan.appendChild(openb);
pspan.appendChild(plink);
pspan.appendChild(closeb);
x.parentNode.insertBefore(pspan, x.nextSibling);
}
}
No errors are showing up in the console. I've only tested it in Firefox 10. Please help me figure out where I'm going wrong! So there is this string i need to parse as xml: Code: <station><code>GB0923A</code><city>ABERDEEN</city><population>215.000</population><component><name>Nitrogen dioxide (air)</name><unit>_micro;g/m3</unit></component><component><name>Nitrogen oxides (air)</name><unit>_micro;g NO2/m3</unit></component></station> Now what I do is: -use this function to create xml doc from string Code: function stringToXML(text){
if (window.DOMParser)
{
parser=new DOMParser();
xmlDoc=parser.parseFromString(text,"text/xml");
}
else // Internet Explorer
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async="false";
xmlDoc.loadXML(text);
}
return xmlDoc;
}
-display it in that if statement: Code: if (xmlhttp.readyState==4 && xmlhttp.status==200){
var response= xmlhttp.responseText;
xmlDoc= stringToXML(response);
var text="";
text= text+ xmlDoc.getElementsByTagName("city")[0].nodeValue + "<br/>";
text= text+ xmlDoc.getElementsByTagName("code")[0].nodeValue + "<br/>";
text= text+ xmlDoc.getElementsByTagName("population")[0].nodeValue + "<br/>";
document.getElementById("test").innerHTML = text;
document.getElementById("loading").style.display = "none";
}
the stirng shown at the beggining is passed to "response" (var response= xmlhttp.responseText. Now for some reason all 3 values displayed are null... I am trying to figure why for last 2hrs but i cnt see any reason why they shouldnt be the actual values of nodes in the string... Any help would be appreciated. I am stuck on these problems and cannot figure them out! Any help would be appreciated. Thank you! Code: public int sumkj(int k, int j){
// Complete the method using a for loop that will add the numbers from k to j,
// where j is greater than k
int total = 0;
// TODO: ADD LOOP CODE HERE
return total;
}
// whilesum10
public int whilesum10(){
// Complete the method using a while loop that will add the numbers
// from 1 to 10
int total = 0;
int i = 1;
// TODO: ADD LOOP CODE HERE
return total;
}
// whilesumkj
public int whilesumkj(int k, int j){
// Complete the method using a while loop that will add the numbers
// from k to j, where j is greater than k
int total = 0;
int i = k;
// TODO: ADD LOOP CODE HERE
return total;
}
public int dosum10(){
// Complete the method using a do-while loop (i.e. condition at end of loop)
// that will add the numbers from 1 to 10
int total = 0;
int i = 1;
// TODO: ADD LOOP CODE HERE
return total;
}
public int dosumkj(int k, int j){
// Complete the method using a do-while loop (i.e. condition at end of loop)
// that will add the numbers from k to j, where j is greater than k
int total = 0;
int i = k;
// TODO: ADD LOOP CODE HERE
return total;
}
public String arrayprint(){
String msg = "";
String abc[] = new String[6];
abc[0] = "a";
abc[1] = "b";
abc[2] = "c";
abc[3] = "d";
abc[4] = "e";
abc[5] = "f";
// Create a loop that will output the values stored in the array abc
// using a for loop and the array length
// TODO: ADD LOOP CODE HERE
return msg;
}
public String baseballOuts(){
String msg = "";
int totalOuts = 0;
// Write a set of nested for-loops that willdetermine the number of
// outs in a regulation baseball game. Assume: 9 innings per game,
// 2 halves per inning, 3 outs per half inning.
// You solution should include a loop (outer or nested) for each
// of the assumptions.
// TODO: ADD LOOP CODE HERE
msg = "Total number of outs in a regulation baseball game is " + totalOuts + ".";
return msg;
}
public String factorial (int n){
String msg = "";
int factnum = 1;
// Use a loop to calculate the factorial of an input integer.
// Note: If the input integer is too high an error may occur even if your
// logic is correct. Why? At what value of input does the error occur?
// How can you adjust the method so that either the error does not occur
// or the method "fails gracefully?" Write your answers in the form of
// a comment here.
// TODO: ADD LOOP CODE HERE
msg = n + "! = " + factnum;
return msg;
}
}
Hi all. I'm learning JS from pretty much scratch and the first thing I'm trying to do is simply make an image fade function. I just can't seem to make it work though, the image starts off at the right opacity (im this case 0.5) but after that the page goes white and the script never stops. It does seem to be counting up normally "opacity: 0.6 opacity: 0.7" etc. though. Code: <img src="1.jpg" id="pic1">
<script type="text/javascript">
var amount = 0.5;
var target = document.getElementById('pic1');
function fade() {
if (target.style.opacity < 1.0) {
target.style.opacity = amount;
amount = amount + 0.1;
document.write("<br>opacity: " + target.style.opacity);
setTimeout("fade()", 1000)
//fade();
}
}
fade();
</script>
edit I rewrote it to make it simpler but still having basically the same problem D:! |
|||||||