|
JavaScript - Selecting The Highest Calculated Average Of Varioous Data Inputs
I've written a program which will prompt for a number of cities, Prompt for the name of the city, then prompt for the number of snowfall readings of that city, and then prompt for each of these individual snowfall readings of that city. From this, it adds up each of the individual snowfall readings of that city, and will calculate an average by dividing this figure [the total snowfall] by the total number of readings for that city. This average is used to then classify the city as "not snowy", "mild", or "blizzard". I'm happy to PM my code to anyone willing to help out, as I realise this is a complex structure to visualise perhaps, but I can't post it publicly.
I now have to select the city with the highest average, and name it in an alert output. How is this possible. Note, I'm not allowed to use functions or arrays. Prompts, alerts, if-then-else, for and while loops are all I can use. Similar TutorialsHi i need to find the highest average from all of the averages entered in this code, but i have to use an if statement only, no arrays. Could some one help please? Code: // ** Work out average ** //
average= readingSum/totalReadings
// ** Put average into a category and display everything ** //
if(average<5)
{
catergory1=alert("Location is " + region + "\nNumber of weekly readings taken is " + totalReadings + "\nTotal of readings is" + readingSum + "\nAverage is" + average + "\nLocation is Dry");
}
else if(average>=5 && average<20)
{
catergory2=alert("Location is " + region + "\nNumber of weekly readings taken is " + totalReadings + "\nTotal of readings is" + readingSum + "\nAverage is" + average + "\nLocation is Normal");
}
else if(average>20)
{
catergory3=alert("Location is " + region + "\nNumber of weekly readings taken is " + totalReadings + "\nTotal of readings is" + readingSum + "\nAverage is" + average + "\nLocation is Wet");
}
// ** Find Highest average ** //
Thanks. Here i am attempting to connect to my javascript two input fields one number and one radio button to change the function computeBudget()... Thank you in advance im desperate for over 48 hours 3 days with trial and error and looking for tutorials for this kind of situation. Code: <!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<script>
function computeBudget() {
var income = document.getElementById('income').value;
switch (income) {
case "Weekly":
this.add((income * 52) / 12);
break;
case "biWeekly":
this.add((income * 26) / 12);
break;
}
var grocery_expenses = document.getElementById('grocery_expenses').value;
var car_insurance = document.getElementById('car_insurance').value;
var home_mortgage = document.getElementById('home_mortgage').value;
var home_utilities = document.getElementById('home_utilities').value;
var life_insurance = document.getElementById('life_insurance').value;
var monthgain = (income - grocery_expenses - car_insurance - home_mortgage - home_utilities - life_insurance).toFixed(2);
monthgain = monthgain.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
document.getElementById('monthgain').innerHTML = "Monthly Net Gain = $" + monthgain;
var yeargain = ((income - grocery_expenses - car_insurance - home_mortgage - home_utilities - life_insurance) * 12).toFixed(2);
yeargain = yeargain.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
document.getElementById('yeargain').innerHTML = "Yearly Net Gain = $" + yeargain;
}
</script>
</head>
<body>
<p>Monthly Income: $<input name="income" id="income" type="number" min="1" max="100000000" onchange="computeBudget()"></p>
<p>Weekly <input name="income" id="income" type="radio" value="Weekly" onchange="computeBudget()">BiWeekly <input name="income" id="income" type="radio" value="biWeekly" onchange="computeBudget()"></p>
<p>Grocery Expenses: $<input id="grocery_expenses" type="number" min="1" max="100000000" onchange="computeBudget()"></p>
<p>Car Insurance: $<input id="car_insurance" type="number" min="1" max="100000000" onchange="computeBudget()"></p>
<p>Home Mortgage: $<input id="home_mortgage" type="number" min="1" max="100000000" onchange="computeBudget()"></p>
<p>Home Utilities: $<input id="home_utilities" type="number" min="1" max="100000000" onchange="computeBudget()"></p>
<p>Life Insurance: $<input id="life_insurance" type="number" min="1" max="100000000" onchange="computeBudget()"></p>
<h2 id="monthgain"></h2>
<h2 id="yeargain"></h2>
</body>
</html>
Reply With Quote 12-27-2014, 11:30 PM #2 Old Pedant View Profile View Forum Posts Supreme Master coder! Join Date Feb 2009 Posts 28,311 Thanks 82 Thanked 4,754 Times in 4,716 Posts Makes no sense. You have this code in the computeBudget() function: Code: this.add((income * 52) / 12); (1) The value of this depends on what invoked the computeBudget function. You invoke it from radio buttons and from text fields. (2) You use a method named add( ) on each of these various fields. There is NO SUCH METHOD defined for either radio buttons or text fields. I have no idea what you intend to do with that value you compute (e.g., ((income * 52) / 12)) but you sure as heck can't add it to anything (unless you write your own method or function named add) and you certainly can't use it to any reasonable effect on this, especially when this refers to a radio button. hey there. the script im trying to write is used to take the values from four separate forms and display an image based on the highest value. it looks like this. Code: <script type="text/javascript">
var val = Math.abs(document.getElementById("mytext1").value);
var val2 = Math.abs(document.getElementById("mytext2").value);
var val3 etc
var val 4 etc
var showImg = document.getElementById("image1").src = "default.jpg"
document.getElementById("image1").src = "default.jpg"
// check + values for right sph
if (val >= .25 && val <= 3.5) {document.getElementById("image1").src = "r39.gif"}
if (val >= 3.75 && val <= 5.50) {document.getElementById("image1").src = "pol.gif"}
// check - values for right cy
if (val <= -.25 && val >= -3.5) {document.getElementById("image1").src = "r39.gif"}
if (val <= -3.75 && val >= -5.5) {document.getElementById("image1").src = "pol.gif"}
// check + values for left sph
if (val2 >= .25 && val2 <= 3.5) {document.getElementById("image1").src = "r39.gif"}
if (val2 >= 3.75 && val2 <= 5.50) {document.getElementById("image1").src = "pol.gif"}
// check - values for left cy
if (val2 <= -.25 && val2 >= -3.5) {document.getElementById("image1").src = "r39.gif"}
if (val2 <= -3.75 && val2 >= -5.5) {document.getElementById("image1").src = "pol.gif"}
etc etc
}
</script>
<input type = "text" id = "mytext1" >
<input type = "text" id = "mytext2" />
<input type = "text" id = "mytext3" >
<input type = "text" id = "mytext4" >
<img src="calculate.gif" onclick="showImg()">
anybody know how i go about getting the highest value checked and the resulting image displayed. thanks in advance. I'm having a hard time trying to get this script to work. I am trying to write a script that finds the highest of 5 numbers and places the highest number in the last textbox. Can anybody tell me what I am doing wrong? Code: <HTML>
<HEAD>
<TITLE>COMSC-100-1241 - Assignment #10 - Using "Greater Than" And "Less Than" Logic</TITLE>
<SCRIPT TYPE="text/JavaScript">
function Go(code){
var number1
var number2
var number3
var number4
var number5
var highest
var max
number1 = parseFloat(document.getElementById("number1").value);
number2 = parseFloat(document.getElementById("number2").value);
number3 = parseFloat(document.getElementById("number3").value);
number4 = parseFloat(document.getElementById("number4").value);
number5 = parseFloat(document.getElementById("number5").value);
max = parseFloat(document.getElementById("max").value);
if (code == 0){
}
if (max < number1){
max = number1
}
if (max < number2){
max = number2
}
if (max < number3){
max = number3
}
if (max < number4){
max = number4
}
if (max < number5){
max = number5
}
document.getElementById("max").value = highest
}
</SCRIPT>
</HEAD>
<BODY>
<TABLE BORDER="1" WIDTH="500" ALIGN="center">
<TR>
<TD>
<DIV ALIGN="left">
<B>Instructions: </B> Answer the three questions and press "GO". Your score will appear.
<BR>
<BR>
<B>Input Values: </B>
<BR>
<B>First Number:</B> <INPUT id="number1">
<BR>
<B>Second Number:</B> <INPUT id="number2">
<BR>
<B>Third Number:</B> <INPUT id="number3">
<BR>
<B>Fourth Number:</B> <INPUT id="number4">
<BR>
<B>Fifth Number:</B> <INPUT id="number5">
<BR>
<INPUT TYPE="Submit" VALUE="GO!" onClick="Go(0);">
<BR><BR>
<B>Output Values: </B>
<BR>
<B>Highest Number:</B> <INPUT id="highest">
</FORM>
</DIV>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
So I am making a function that takes numbers and when you enter a letter than it's supposed to skip to the if statement and give the average. The problem is that it doesn't seem to add the number to total on each loop. the first code is what I am working with. I was supposed to take a While loop and turn it into a do-while loop. The second peice of code is the original while loop. } Code: var finding_average = function() {
var total = 0, count = 0, number;
alert("Enter the numbers to average. Enter any non-number to stop.");
do {
number = parseInt( prompt("Enter a number") );
total = total + number;
count++;
} while ( !isNaN(number) );
var average = total / count;
if ( isNaN(average) ) {
alert("You didn't enter any numbers.");
} else {
alert("The average is: " + average);
}
Code: var finding_average = function() {
var total = 0, count = 0, number;
alert("Enter the numbers to average. Enter any non-number to stop.");
number = parseFloat( prompt("Enter a number") );
while ( !isNaN(number) ) {
total += number;
count++;
number = parseFloat( prompt("Enter another number") );
}
var average = total / count;
if ( isNaN(average) ) {
alert("You didn't enter any numbers.");
} else {
alert("The average is: " + average);
}
}
Hey friends, I'm writing a program but I'm having issues. I need to write a program that asks for 3 different numbers (prompt boxes) and determine which number entered was the highest and the 2nd highest. I know what to do for the input and output but I don't know what to do during the processing.
Code: <SCRIPT LANGUAGE = "JAVASCRIPT">
var contestantNamesArray = ['Tom and Nazia', 'Pat and Dan', 'Sandra and Kofi', 'Ian and Adele', 'Paul and Costas'];
var judgesPointsArray = [2,1,5,4,3];
var audiencePointsArray = [4,5,2,3,1];
//code to declare a new array to store the combined points for each couple
var combinedPointsArray=new Array();
//code to calculate the combined points for each couple and store it in the combined points array
for (i = 0; i <= 4; i++)
{
combinedPointsArray[i] = judgesPointsArray[i] + audiencePointsArray[i];
//code to find and output the maximum value in the combined points array
}
var winner = [0]; //set first pair as default winner
for (i = 1; i <= 4; i++)
{ //start with second pair
if (combinedPointsArray[i] => combinedPointsArray[winner[0]])
{ //compare to first in the winners
winners = [i]; //new high score
}else if (combinedPointsArray[winner] == combinedPointsArray[i])
{
winners[winners.length] = i;//add to highest tie
}
//danceoff between all numbers in winner array
}//for
for(i=0;i<winners.length;i++){
document.write(winners[i]+", ");
document.write(i);
}
</SCRIPT>
I am having trouble with this program, I cant seem to figure out why this is not working. Basically i need it to loop though the array and find who has the highest points / if more than one have the same points so i dance off is required. Can someone please lend a hand driving me mad. Regards, So if I have three dollar amounts like .... a = 1,222.00; b = 1,323.00; c = ; d = 1,222.00; How can I alert the highest variable even though there may be 1 or more of them? hi I need to find the average number in javascript. I have been working on it for a while but i am getting no where yes i am new to javascript and to be honest it is doing my blonde headed brain in. can someone please take a look at it and advise me on what i am doing wrong. it is the only bit of javascript that i have to do in the course but it carries a high mark of which i can not afford to lose Any way the question is : "Write code to calculate the average height and write it out in the browser window" Code: <HEAD>
<TITLE>
average
</TITLE>
<SCRIPT LANGUAGE = "JavaScript">
//Experimental results of Table 1 stored in arrays.
var Height = [15,16,17,18,19];
var Number = [2,1,6,4,2];
//Part (ii).
//Write code to declare and initialise new array to represent the third row of the table.
var avg = new Array(5)
var avg = ["60","80","187","180","114"] ;
avg[0] = "60";
avg[1] = "80";
avg[2] = "187";
avg[3] = "180";
avg[4] = "114";
//Part (iv).
//Write code to calculate the average height and write it out in the browser window.
avg = 0;
for (var count = 1; count <= 5; count = count + 1)
Array.average = function(){
var avg = 0;
for(var a = 0; a < this.length; a++){
avg += this[a];
}
return avg / this.length;
};
document.write('average height is ' +avg + '<br>');
</SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>
sorry for my ignorance thanks in advance kelly XXXXX I need to allow a user to enter 3 values, then display the average between them... I am having some real issues with the average, Thanks! var quiz1 = prompt("What is the score of your first quiz?", "") document.write("Return Value: "+quiz1, '%',("<br />")); var quiz2 = prompt("What is the score of your second quiz?", "") document.write("Return Value: "+quiz2, '%',("<br />")); var quiz3 = prompt("What is the score of your third quiz?", "") document.write("Return Value: "+quiz3,'%',("<br />")); average= ("quiz1"+"quiz2"+"quiz3") /3 document.write(average,("<br />")); helow to every one im new here....i hope im welcome here can i ask how to make this problem? input 20 number and print the average of the numbers....any one can help me please... Hello, I'm new here and a newbie to the world of java script. I am taking a CIT class and we just moved on to java script which i am having trouble with. My assignment is to calculate the average, number of passed, and number of failed grades according to this list (65, 80, 85, 55, 90, 70, 62, -1) where it terminates at -1 and the passing grade is >=70. Any help is appreciated! I've now got to form an average of snowfall inputs, taken from looped prompts, however I'm not allowed to use arrays or functions... Almost every example I see uses arrays, such as this one he http://www.codingforums.com/showthread.php?t=4313 Is it possible to not use arrays to form the average? Please describe how to do this in general terms, as was highlighted in that link ^^^ I want to learn, not copy, although one can be derived from the other... What I haveso far, assume all vars have been announced. Code: for (var d=1; d<=numofinputs; d=d+1)
{
input = prompt("Enter a data input" + d)
}
Is it possible I'm attempting this in too general a manner? ie, running before I can walk. Hi all, I am in a non-major class called webprogramming working with javascript and I'm having an issue with a specific code wondering if someone could tell me what's wrong! So I am suppose to compute and return the average of all values in a given array named customerBalance, the array holds the amount of "what customers owe my business" (I dont own a business) and each item in the array holds the "customers balance", i also have to use a for() to process the array and calculate the average and divide by customerBalance length, and finally return the average. Here is my code so far <script> function average() { customerBalance for(i=0,i++) sum(customerBalance) total=sum/5 return average; }; </script> I know that this is COMPLETELY wrong, I am not sure on how i start typing the array, please don't be harsh I would really like to know how to do this. Thank you and have a great day Hi, First i don know if im posting at the right place or if you even take request here, feel free to direct me to the right place. What i am looking for is someone to make a simple counter for me. Basically i want that every time i press a certain key on my keyboard it will increase the counter amount and would then divide it by 60 every hour. Actually im looking for it to only show that average and refresh every hour. So it would start at 0 then update after the first hour and so on. (I also need a graphical interface) I have very few knowledge in coding and would very appreciate if someone could do that for me. Thank you ! Reply With Quote 01-10-2015, 11:39 PM #2 Old Pedant View Profile View Forum Posts Supreme Master coder! Join Date Feb 2009 Posts 28,311 Thanks 82 Thanked 4,754 Times in 4,716 Posts I don't think this is something you would do with JavaScript. I think you need a ".exe" (on Windows) program. And that's a lot more complex. The problem is your request to capture a certain key, presumably no matter what window is at the front. Normally, within a given window, you can only capture a key that is intended for that window. I don't think this is a very easy thing to do. I've been messing with this code for about a couple of hours, and I did everything down to the wire..yet still I am unable to get it to work. When I input the numbers, and click off to the side nothing appears down at the final textarea of the form which is suppose to show the average. I've tried just about everything, sadly all I have to go by is other example codes, and the very intricate instructions which states I must pass the values to the calcAvg() to the second function of performCalc(), which I did, and then I assigned the var calcResult another value. From there I did the return..and after that I'm rather loss as to what to do next to get this code to work, any tips? 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>Calculation Average</title>
<script type="text/html">
/* <![CDATA[ */
function calcAvg() {
var calcResult=document.numbers.number1.value + document.numbers.number2.value +document.numbers.number3.value + document.numbers.number4.value + document.numbers.number5.value
}
function performCalc() {
var calcResult = calcResult / 5
return calcResult;
}
/* This is what I got so far, as you can see I need plenty of help!*/
</script>
</head>
<H1> Calculate Average of Numbers</H1>
<body>
<form action="" name="numbers">
<table>
<tr>
<td>
<tr>
<td>Enter the five numbers:<br />
</td></tr>
<tr><td>
<input type="text" name="number1" size="3"
onchange="calcAvg()" text="0" /></td>
</tr>
<tr>
<td>
<input type="text" name="number2" size="3"
onchange="calcAvg()" text="0" /></td>
</tr>
<tr>
<td>
<input type="text" name="number3" size="3"
onchange="calcAvg()" text="0" /></td>
</tr>
<tr>
<td>
<input type="text" name="number4" size="3"
onchange="calcAvg()" text="0" /></td>
</tr>
<tr>
<td>
<input type="text" name="number5" size="3"
onchange="calcAvg()" text="0" /></td>
</tr>
</table>
</form>
<form action="" name="averageResult">
<p>
Estimate average:
<input type="text" name="average" size="5"
style="border-style: none; border-color:
inherit; border-width: medium;
background-color: Transparent" text="0" /></p>
</form>
</body>
</html>
Hi I am making a PC customization website, And I need help wit hthe inputs where you select the parts for the PC. Anyway, I need help for self updating inputs, Like if a user was to select a socket 775 processor, The form would automatically update the motherboard field from --Select a processor-- to a list of socket 775 motherboards. I am quite new at javascript I have never attempted to do anything like this myself, Although I don't know if this would need some PHP in here as well Anyway thanks in advance, Gergy Hi Folks I am trying to write a js that validates a form with two text inputs. The two inputs a 'D_techA' and 'D_techB'. I just want to add up (sum) the two input fields (which must be positive numbers) and make sure that they add up to exactly 100 (not more and not less). If they do not add up to 100, then an alert should pop up that says "The two values must add up to exactly 100." I have tried and tried to write a js that does this validation (looking at numerous validation scripts posted in this forum and elsewhere) and I just cannot seem to make it work. I would very much appreciate any suggestions! Thanks! The html code for my very simple form is: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> </head> <body> <form id="form1" name="form1" method="post" action=""> <label>Investment in Tech A <input name="D_techA" type="text" id="D_techA" /> </label> <label>Investment in Tech B <input name="D_techB" type="text" id="D_techB" /> </label> <p> <input name="Submit" type="submit"/> </p> </form> </body> </html> Im trying to dynamically add more fields into my form. HTML: Code: <table id="add_episodes" class="editor" border="0" cellspacing="0" cellpadding="5">
<tr>
<td><input size="3" type="text" name="number" /></td>
<td><input type="text" name="title" /></td>
<td><input type="button" value="Add another text input" onClick="addInput('add_episodes', 'number');addInput('add_episodes', 'title');"></td>
</tr>
<tr>
<td></td>
<td></td>
<td>
<input name="entry_id" type="hidden" value="<?php echo $id; ?>">
<input class="input submit" type="submit" name="submit" value="Add <?php echo $type; ?>">
</td>
</tr>
</table>
Javascript Code: function addInput(divName, type)
{
var counter = 1;
var limit = 50;
if (counter == limit) {
alert("You have reached the limit of adding " + counter + " inputs");
}
else {
var tr.document.createElement('<tr>');
if(type == 'number')
{
var newdiv = document.createElement(element);
newdiv.innerHTML = '<input size="3" type="text" name="number" />';
document.getElementById(add_input).appendChild(newdiv);
}
if(type == 'title')
{
var newdiv = document.createElement(element);
newdiv.innerHTML = '<input type="text" name="title[]" />';
document.getElementById(divName).appendChild(newdiv);
}
counter++;
document.getElementById(add_input).appendChild(tr);
}
}
This is one of my first times working with javascript, usually i work with PHP. Im trying to add more input elements of Code: <tr> <td><input size="3" type="text" name="number" /></td> <td><input type="text" name="title" /></td> </tr> And don't reply that i should make the names into arrays for me to submit more stuff, I'll change that later. But for simplicity and a straightforward problem. I can't get it add more form elements in the correct place or nothing happens at all. |
|||||||