JavaScript - Output Two Values Of An Array

Hi Guys,
How do I sum the values of an array and output the result using document.write?

Say my array is var number=new Array(1.234,56.43,1.02);

THANKS

Thought this wud work?

Code:

<script type="text/javascript">


var x = [1, 2, 3, 4, 5, 6, 7, 8, 9];
document.write(sum(x));


</script>

hello
I am having a problem to add numbers store in an array.

arrayValues[0][0] = 1;
arrayValues[0][1] = 2;
var col = 0;
var sum;
for ( var row = 0; row < index; i++ )
sum += arrayValues[col][row];


my result is ==> 12 it is defining my sum variable as string. even I try do do this var sum = 0; to define sum as numeric variable. my result was ==>012.

Any idea, this is my first javaScritp code.
Thanks.

I'm having problems with selecting values from array.

I have a dropdown box where you choose what fruit you want to buy.
When selected the array should assign 2 values to that fruit.

I don't know how to do that.
Here's what I have.. I added comments.

Javascript part:

Code:

<script type="text/javascript">
function Fruits() {


var selectfruit = newArray( //assigning values to fruit selected from dropdown box
			newArray("Banana", 1, 1),
			newArray("Apple", 1.2, 0.5),
			newArray("Mango", 1.1, 0.9),
			newArray("Orange", 0.1, 9.99)); 
var howmanyfruits = Number(document.getElementById("howmanyfruits").value); // how many fruits are you buying
var totalfruitsowned = Number(document.getElementById("totalfruitowned").value); // How many fruits do you already have

/* cash and coupons needed to buy fruits.
   cash is cpst for 1 fruit.
   coupons is cost for 1 fruit
   cash_all is cost for all fruits you're buying
   coupons_all is cost for all fruits you're buying
   
   each fruits requires cash AND coupons to be bought. Cash and coupons are tied to the first values in Array. 
   Eg. If you choose Apple that value would be 1.2  
   
   The 'fruitsmaxtobuy' variable is not tied to the first value, but the second one in array.
   If you choose Apple that value would be 0.5.
*/
   
var cash = Math.round(((totalfruitsowned * 0.51 * selectfruit) + 700)*10)/10;
var coupons = Math.round(((totalfruitsowned * 0.51 * selectfruit) + 850)*10)/10;
var cash_all = Math.round((howmanyfruits * cash)*10)/10; 
var coupons_all = Math.round((howmanyfruits * coupons)*10)/10; 

var fruitsmaxtobuy = Math.round((totalfruitsowned * 0.12 * selectfruit)*10)/10;

/*
Display Error if nothing is entered or if you forget to enter total fruits 
*/

if (((howmanyfruits=="" || howmanyfruits==null) && (totalfruitsowned=="" || totalfruitsowned==null)) || ((howmanyfruits==Number(document.getElementById("howmanyfruits").value)) && (totalfruitsowned=="" || totalfruitsowned==null)))
{document.getElementById("cash").innerHTML = "Error";
document.getElementById("coupons").innerHTML = "Error";
document.getElementById("cash_all").innerHTML = "Error";
document.getElementById("coupons_all").innerHTML = "Error";
document.getElementById("fruitsmaxtobuy").innerHTML ="Error"}
else {
document.getElementById("cash").innerHTML = cash;
document.getElementById("coupons").innerHTML = coupons;	
document.getElementById("cash_all").innerHTML = cash_all;
document.getElementById("coupons_all").innerHTML = coupons_all;
document.getElementById("fruitsmaxtobuy").innerHTML =fruitsmaxtobuy}
}
</script>

HTML part:

Code:

<form action="" id="fruitcost">
<table align="center" width="37.5%" cellpadding="0" cellspacing="0">
	<tbody>
    	<tr>
        	<th colspan="2" align="center">Fruit cost calcultor</th>
        </tr>    
   		<tr>
			<td>Select Fruit:</td>
            <td align="center"><select id="selectfruit">
      		 		<option>Banana</option>
        	    	<option selected>Apple</option>
        			<option>Mango</option>
        			<option>Orange</option>
   				</select>  
            </td>   
        </tr>
        <tr>
			<td>Total Fruits Owned:</td>
            <td align="center"><input id="totalfruitsowned" type="text" /></td>
		</tr>
        <tr>
			<td>How many fruits are you buying:</td>
            <td align="center"><input id="howmanyfruits" type="text" /></td>
		</tr> 
        <tr>
        	<td>Money Needed to buy 1 fruit:</td><td><font id="cash"></font></td>
        </tr>
        <tr>
        	<td>Coupons Needed to buy 1 fruit:</td><td><font id="coupons"></font></td>
        </tr>                              
        <tr>
        	<td>Money Needed:</td><td><font id="cash_all"></font></td>
        </tr>
        <tr>
        	<td>Coupons Needed:</td><td><font id="coupons_all"></font></td>
        </tr>
                <tr>
        	<td>Nr. of fruits you can buy:</td><td><font id="fruitsmaxtobuy"></font></td>
        </tr>
        <tr>
        	<td align="center" colspan="2"><input type="button" value="Submit" onclick="Fruits()" /></td>
        </tr>    
    </tbody>
</table>
    </form>

Hi all

I am trying to create a code which stores information about songs
The information to be stored are :
song ID
song name
song artist
song URL

So far what I've done is create an empty array with four properties
The code asks the user to enter information and then displays them
However i'm having difficulty figuring out how to insert all the information entered in the array. For example if information about 3 songs were entered, how can I insert all of them in the array I created.

After storing the information, I want to be able to search for songs by their ID. When I wrote the function to do this, if lets say I entered two songs one with S1 as ID and one with S2 as ID, I type S1 in the search box, but it doesn't return anything. However if I enter S2, it returns the information of the track with this ID, which makes me think that entering information for a second song overwrites the first one

This is my code so far:

<html>
<body>

<h1>Tracks and Artists</h1>

<script type="text/javascript">

function request(tracks)
{

for (var i=0;i<2;i++)
{
tracks.trackID = prompt("Enter track ID")
tracks.trackName = prompt("Enter track name")
tracks.trackArtist = prompt("Enter artist name")
tracks.trackURL = prompt("Enter track URL")
alert(display(tracks))
}
}

function insert()
{


function display(tracks)
{
return "Track ID: " + tracks.trackID + "\nTrack name: " + tracks.trackName + "\nTrack artist: " + tracks.trackArtist
+ "\nTrack URL: " + tracks.trackURL
}


var tracks = [{trackID: "", trackName:"", trackArtist:"", trackURL:"" }]

request(tracks)






</script>

</body>
</html>

hi,
I have this keypressed function:
Code:

function keyPressed(event, input) {
    if (event.keyCode == 8) {
        return true;
    }
     var char = event.which ? event.which : event.keyCode;
     char = String.fromCharCode(char);
     var exers = "1234 1234 1234";
return (exers.charAt(input.value.length) == char);
}

This function allow me to press in order the numbers in array (index0). It is works very well. But i want to add an array with more exercises like:
Code:

var exerc = new Array();
     exerc[0]= "1234 1234 1234";
     exerc[1] = "5678 5678 5678";
     exerc[2] = "9012 9012 9012";

Also, i have a dropdown menu that parser options from a xml file:
Code:

<form>
<select style="width:100px" id='courses'>
</select>
</form>

and my xml file looks like:
Code:

<courses>
        <course title="exercise 1">
            <lesson>1234 1234 1234</lesson>
        </course>
        <course title="exercise 2">
            <lesson>5678 5678 5678</lesson>
        </course>
        <course title="exercise 3">
            <lesson>9012 9012 9012</lesson>
        </course>
            .
            .
            .
</courses>

*I write the same index because i have two input field.
I see the first choose (depend on dropdown) in first input, and i rewrite the same exercise in the second input.
So, it's something like an exercise for me and i stack here.
- I repeat. It is work with only one index very well. The problem is that, when i add more that one index in the array. Any suggestion about my problem?Javascript it is not my strong point

I try this but it is doesn't work.Baybe it is totally wrong!
Code:

function keyPressed(event, input) {
    if (event.keyCode == 8) {
        return true;
    }
     var char = event.which ? event.which : event.keyCode;
     char = String.fromCharCode(char);
     var exerc = new Array();
       exerc[0]= "1234 1234 1234";
       exerc[1] = "5678 5678 5678";
       exerc[2] = "9012 9012 9012";
  for (i=0;i<exerc.length;i++)
{
       document.getElementById("courses").selectedIndex;
}
return (exers.charAt(input.value.length) == char);
}

Is there a built in method to remove empty array elements

So I am working on an excercise that the User puts in a Lastname, Firstname, and a score via textboxes. When the user pushes the add student score it should show up in the text area with this format " Brown, John: 92". When looking at the logic, I understand that each text box will need to be different arrays if im right, and then I will have to concat all three arrays into the format and assign it to a variable. Then assign the variable to the value of the text area. I just cannot seem to put the function together or how you would go about it. I just need help with how to go about putting it together. The first code is my body of HTML I'm working with.


Code:

<body>
<div id="content">
    <h1>Student Scores</h1>
	
	<div id="buddy">
	<b>Last Name: </b><input type="text" id="lastName" />
		
	<b>First Name: </b><input type="text" id="firstName" />
	
	<b>Sco  </b><input type="text" id="score" />
	
	<input type="button" id="calculate" value="Add Student Scores" />
	</div>
	
	
	<fieldset>
	<legend>Student Scores</legend>
	<p id="tasks"><textarea id="task_list" rows="20" cols="100"></textarea></p>
	</fieldset>
	
	<div id="yoohoo">
	<b>Average sco  </b><input type="text" id="averageScore" />
	<div>
	
	<div id="yes">
	<p><input type="button" name="add_task" id="add_task"
        value="Clear Scores" /></p>
		
	<p><input type="button" name="add_task" id="add_task"
        value="Sort By Last Name" /></p>	
	</div>
</body>

Hi all,

Decided to start learning JavaScript, started 2 days ago. Anyway, I'm trying to create a simple script spits out a styled result based on a user input.

Here is my JS:

Code:

function dispTable (form) {
       var userCost2 = form.venCost2.value * 1;
      marArray = new Array ("0.05", "0.1", ".15", "0.2", "0.25", "0.3", "0.35", "0.4", "0.45", "0.5", "0.55", "0.6", "0.65", "0.7", "0.75", "0.8");
         for (var i=0; i<marArray.length; i++) {
            document.tableDiv.innerHTML = "<div>"
            document.tableDiv.innerHTML = userCost2;
            document.tableDiv.innerHTML = marArray[i];
            document.tableDiv.innerHTML = + userCost2 * marArray[i];
            document.tableDiv.innerHTML = "<\/div>";
   }
}

Here is my HTML:

Code:

<div class="container">
   <form name="lasoCalcTable">
     <span>Enter Vendor Cost</span>
       <input class="textForm" name="venCost2" id="venCost2" type="text" size="8" />
        <hr />
        <input class="butForm" name="calcTblBut" type="button" value="Calculate" onclick="dispTable()" /><br />
    </form>
   
    <div title="tableDiv" id="tableDiv">

     </div>
     
</div>

The problem is that nothing is happening when I press the calculation button.

What I would like to happen is to display a div element for each value in the array which displays the entered value from VenCost2, the current Margin %, and the result of VenCost2 * margin%. I want this to display on the same page and underneath the calculation button, preferably not having to reload the page.

I thought this was going to be relatively easy but doesn't seem so!

Thanks for your help

Hello guys,

I'm very new to javascript and I have a question.


I'm creating a calculator. This calculator has a memory function in it. When people inserted a value in the calculator then the user can save this value with button "M+". When the user wants to use this value again he can simply paste it into the calculator with button "MR".

This works fine, however I'm working on a function that will remember the different memory value when a user clicks on the button. So if the memorized value is 5, and the user will click the button "ATA" (add to array) it will create the value "5" into an array (which will be the value of array[0]. When the user remembers a other memory value, lets say 9, and clicks on the button "ATA" again it will create the value "9" into the same array (which will be the value of array[1]).

My current method doesn't seem to work, it only saves the first value. What am I doing wrong here?

Code:

// ATA
function saveAta() {
	var saved = new Array();
	saved.push(m); // variable m is from the function of M+
}

Got the complte script running he http://xquzive.com/javascript/calc.html

hi guys i hava gridview gvcustomers with following fields
latitude,longitude,customer

and i have a javascript function in my aspx page

fucntion Customer()

{

AddCustomer(lat1,long1)--- row1 of gridview lat long
AddCustomer(lat2,long2)--row2 of gridview lat long


}

in the above function i would like to loop through the gridview and get the latitude and longitude colmns in the function instead of hardcoding as i have been doing now...thank you i advance

Hello,

I have an array containing 100 different values.

How would I randomly pick 25 of them for display?

For now I do:
PHP Code:
for (var i=0; i<markers.length && i<25; i++) {

html += markers[i].name + '<br />';

} 


Which of course returns 25 values but always in the same order which is not what I want.

Thanks in advance!

PS. My array could also contain only 20 values, in which case I would like the function to display the 20 values randomly sorted.

I have the following script that currently returns 4 of the same images. I can't wrap my head around how to get it to return 4 random images (out of the 7 in this example)? Also the links aren't working?

---
Code:

var imagenumber = 7 ;
var randomnumber = Math.random() ;
var rand1 = Math.round( (imagenumber-1) * randomnumber) + 1;

images= new Array
images[1] = "image1.jpg"
images[2] = "image2.jpg"
images[3] = "image3.jpg"
images[4] = "image4.jpg"
images[5] = "image5.jpg"
images[6] = "image6.jpg"
images[7] = "image7.jpg"
var image = images[rand1]

links= new Array
links[1] = "link1.html"
links[2] = "link2.html"
links[3] = "link3.html"
links[4] = "link4.html"
links[5] = "link5.html"
links[6] = "link6.html"
links[7] = "link7.html"
var link = links[rand1]

document.write('<div id="image-1"><a href="' + link + '"><img src="' + image + '"></a></div><div id="image-2"><a href="' + link + '"><img src="' + image + '"></a></div><div id="image-3"><a href="' + link + '"><img src="' + image + '" border="0"></a></div><div id="image-4"><a href="' + link + '"><img src="' + image + '"></a></div>')

---
Any help would be greatly appreciated!

I am a beginner. I am trying to create a script to randomly assign recipients to givers for a Secret Santa. The participants are placed into groups. A giver cannot be assigned a recipient with whom he is grouped. I want to return all of the assignments in a table. I have made the following script. When I run it, it seems to get stuck in a loop. Any ideas why this might be? If you have any questions about how I want this thing to run, feel free to ask. Your help would be greatly appreciated.

Code:

<html>
 <head>
  <script type="text/javascript">
   var giver = new Array();

   giver[0] = new Array("CL","BL");
   giver[1] = new Array("LP","JP","BP");
   giver[2] = new Array("JO","MO");
   giver[3] = new Array("JC","TC");

   var recipient = new Array();

   recipient[0] = new Array("none","none");
   recipient[1] = new Array("none","none","none");
   recipient[2] = new Array("none","none");
   recipient[3] = new Array("none","none");

   var string = "<table><tr><td>Giver</td><td>Recipient</td></tr>";

   function chooseRecipient() {
    var x;
    for (x in giver) {
     var y;
     for (y in giver[x]) {
      var a = Math.floor(Math.random() * giver.length);
      while (recipient[a].indexOf("none") < 0 || a == x) {
       a = Math.floor(Math.random() * giver.length);
      }
      var b = Math.floor(Math.random() * giver[a].length);
      while (recipient[a][b] != "none") {
       b = Math.floor(Math.random() * giver[a].length);
      }       
      recipient[x][y] = giver[a][b];
      string += "<tr><td>" + giver[x][y] + "</td><td>" + recipient[x][y] + "</td></tr>";
     }
    }
    string += "</table>";
    document.write(string);
   }
  </script>
 </head>
 <body onload="chooseRecipient()">
 </body>
</html>

hi, i am currently working on aptana stuidio Nokia WRT to create a mobile widget.

the projects requires the retrieval of data from a database. I've created a java servlet in eclipse to connect and execute query to the database.

In aptana, i'm using js file and html file. i am able to connect to the servlet,
process the data (split it) and store in an array to display the retrieved data on screen.

But now i am facing problems to put the retrieved data (array) into a drop down list for selection. can i do it in a js file?

thanks =)