JQuery :: Making A Simple Calculator

Sep 19, 2010

I'm getting started at javascript and jQuery, I want to make a calculator for my services, for example, checking a box will add value to a total.For example theres a textbox that asks how much gallons of paint will be used, the value of each gallon is 30 dollars, so the user can write for example 2 on the input and a div will output 60. I think that would be made with .change(), but in the demo of the documentations appears a selection list, and I can't figure out how to make an input work like that.

View 1 Replies


ADVERTISEMENT

Making A Calculator - Document.write Same Page ?

Jun 8, 2009

I am making a calculator, and it is not finnished yet, but the problem i am running into is when i run the script it gets rid of everything but what it writes.

<html>

It works fine but it does not open it gets rid of everything but the document.write text. I want it to keep the old information and right the new information.

View 1 Replies View Related

Create A Simple Dynamic Calculator?

Jul 27, 2010

I am wanting to create a simple dynamic calculator.That when a radio button in the HTML <form> is selected is adds a value to the calculation and displays it live below.For example the select a package:

[] one [] two [] three

then they choose an extra's they want to add on:

[] one [] two [] three [] four

and below it displays this:

[ The name of package selected + value of it in (�) ] + The value of all the add ons they have selected in (�)

View 3 Replies View Related

Simple Calculator - Where To Add ParseInt Function

Oct 18, 2009

I need to create a simple calculator in Java. Below is what I have so far; it is not working currently and I'm not sure why. I also needed to add the parseInt function somewhere in the code but I'm not sure where.

import java.util.Scanner;
public class CalcDemo {
public static void main(String[] args){
}
private int valueA;
private int valueB;
private String operator;
private char operatorA;
public int getvalueA() {
return valueA;
} .....

View 2 Replies View Related

Keep Getting NaN On A Simple Form-based Calculator?

Nov 22, 2010

I keep getting a NaN on this form-based calculator I am trying to make... I can't figure out what I am doing wrong. Any input, or in this case "output", Here is the code:

Code:
<script type="text/javascript">
function calculateBudget()
{

[Code]....

View 1 Replies View Related

Getting Simple Instant Price Quote Calculator?

Jan 19, 2011

I am trying to come up with an instant price quote calculator in javascript.it would be a simple one with only three fields:

"label" -Number of Shirts
"label" -Number of Colors on Front
"label" -Number of Colors on Back
"button" calculate total
"results" total: $xx per bagxx

total price would decrease based on the number of shirts (more volume) / increase based on the number of colors both front and back.

something i found online that is 100% what i want:[URL]i am not too familiar with javascript. ok tinkering with jquery but that's it.i am obviously not asking anyone to work for free but if someone could point me to a semblance of a solution, some code, something online that i could modify etc. i would love to learn javascript in the process and ideally come up with a working version of the calculator.

i tried to work with the .js from that website but it calls in some qq2.php page. so i haven't been able to replicate the solution. plus, i would assume that their price structure would be different than mine.

View 5 Replies View Related

Changing Calculation In Simple Interest Calculator

Aug 10, 2010

The exercise problem is to "MODIFY the code in the "calculate_click" event so interest is added to future value just once each year for the number of years that they were entered by the user". The calculation as you see it below assumes an amount is invested MONTHLY (not just once), and the interest is calculated accordingly. This is what I think the problem is trying to calculate: using a $100 one time investment at 10% interest (compounded once annually) for one year = $110 as the future value. For two years, the future value should equal $121 (110 + (110*.10)). Okay, if my math is wrong, let me know. This is what I'm trying to get it to match to.

I have been able to modify the calculate_click function to compound the interest annually (it does it monthly now). Cool. I cannot get it to stop adding $100 annually. See my math above? I think that's the answer. My manipulation of the code yields $110 for the first year, $231 for the second year, etc. The $231 is incorrect cuz it adds an extra $100. See, this is a simple interest calculator I can't figure out! The original code is below that calculates the investment as a monthly investment as opposed to one-time. To avoid confusion, I did not include any of my modifications. But yeah. I know that the major culprit is how the "for" loop is being executed. I've highlighted where I think the code needs to be changed, but I haven't changed it here. Note the first function is a shortcut to execute getElementbyID.

The Code:
var $ = function (id) {
return document.getElementById(id);
} var calculate_click = function () {
var investment = parseFloat( $("investment").value );
var annualRate = parseFloat( $("rate").value );
var years = parseInt( $("years").value );
$("futureValue").value = ""; .....

View 2 Replies View Related

Making Simple Quiz Using HTML / Showing Answers By Clicking Button

Apr 1, 2010

I'm working on a simple website in which I'm required to use two types of forms input on a webpage. I have decided to make a simple quiz which will be designed.Is this possible in a simple way? Sounds quite straight-forward.Is it possible to design a radio button which, depending on the choice, the related-text will appear underneath on the same page? So if they select 'A' then paragraph 'A' will show, if they select 'C' then paragraph 'C' will appear (with the rest hiding)..

View 6 Replies View Related

Making A Simple Image Gallery - Combine Two Galleries - Make One Gallery That Contains Both Kinds Of Links?

Jun 30, 2011

how to make the following two simple image galleries:This one displays a specific image when its link is clicked ((URL address blocked: See forum rules)/tests/gallerysimp.html) And this one displays the previous/next image for whatever's showing ((URL address blocked: See forum rules)/tests/prevnext.html). (During its code, it points to this .js file ((URL address blocked: See forum rules) /tests/ nextPrevious.js).)

My question is, how do I combine those two galleries? How can I make one gallery that contains both kinds of links? Since the two galleries were copied from different places, the names they use aren't the same, and I'm not sure what to change to make it all unified. (I tried fiddling with it for over an hour before giving up.)

View 12 Replies View Related

Making A Simple Image Gallery - When The User Clicks A Thumbnail, The Image Loads Where The Previous Big Image Was?

Feb 2, 2010

I want to have a big image and say 5 small thumbnails underneath. When the user clicks a thumbnail, the image loads where the previous big image was. Is there a standard way to do this?

View 3 Replies View Related

JQuery :: Deduct / Subtract From Calculator Plugin

Jun 14, 2011

I have a calculator and using JQuery Calculator plug-in which Tally's up groups of field values using key up. I have a summary page which presents the user with over all expenditure. What I need to do is subtract the expenditure from income, populate a total field onclick of an <li>.

View 4 Replies View Related

JQuery :: Nutrition Calculator Subtract Link Not Working

Jan 11, 2012

I have been fighting a nutrition calculator and I finally have all the addition working. the problem is the subtract link is not working. (it works as a link but doesn't trigger my jquery).
var jM = jQuery.noConflict();
jM(document).ready(function(){
// Calculator behavior
//Addition Time!
jM(".add").click(function() {
//Create the Variables to Hold the Values for Nutrition Information.....
jM('.subtract').click(function() {
alert('test');
});
});

View 5 Replies View Related

JQuery :: Expenditure Calculator - Using Radio Buttons To Multiply Form Field Values

Jun 11, 2011

I am looking to build an expenditure calculator. What I am having problems with is I am using radio buttons to multiply form field values
[radio1] = x 1 (week)
[radio2] = x 4 (month)
[radio3] = x 52 (year)
So if you fill out a field and select [radio2] it multiplies the field by 4. If you then select [radio1] it reverts to the original value. Using JQuery what's the best way to do this. The issue I am having is I need to know the previous selected radio as well as the new one so I know whether to divide or multiply.

View 1 Replies View Related

Working On An Mpg Calculator ?

Oct 4, 2009

I am working on an Mpg calculator and I am stuck.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

I have a mistake when it is suppose to calculate.

View 4 Replies View Related

Make A Calculator App?

Mar 25, 2011

I'm trying to make a calculator app; with a few differences. I have a text field with a numberpad below it, I got the numbers to show up in the text field, but am unsure as to how when I hit the enter button - it would store them in a variable?...I am also wondering as to how it would store current value and then allow me to input another value(maybe on the next page) and either subtract or add to it(the first value that is stored).I am also wondering how to get a decimal point in place(need it for currency).

Here is my code:

<html>
<head>
<script type = "text/javascript">

[code].....

View 10 Replies View Related

Creating A Less Than Or More Than Calculator?

Dec 2, 2011

I have the last assignment that she wants us to do and I had to pull up another assignment that she wanted us to build upon( which is one of those coding without anything advance)

<html>
<head>
<title>

[code]....

now she wants us to do max <beta and then name the variables with if a<b and I don't know if I put that in the concatenation or what to name my variables!

View 18 Replies View Related

Price Calculator

Jan 4, 2007

I am trying to create a price calculator that automatically calculates the price of custom made picture frame. I got an equation that finds the square area of the frame by multiplying the perimeter (2*length*width) by the thickness (which the user can choose from 1.5", 2" or 3"). Then it multiplies it by a decimal number (0.27 if the frame is 1.5" thick, 0.23 if its 2" thick, and 0.18 if its 3" thick). Then it adds a $5 custom made fee to the final answer. But when I save it to an html file and load it in Internet Explorer, it doesn't calculate. Code:

View 5 Replies View Related

Field Calculator

Jul 26, 2007

I'm having some problems with a calculator that I'm working on and am stumped on a particular situation regarding adding additional script and how it should be written. I've searched the forum and the web and just cant locate a viable solution. Code:

View 1 Replies View Related

Basic Calculator

Dec 6, 2003

I know there is a million of them but here's a little calculator script I made just for kicks. Feedback is always appreciated, good or bad.

I think I did a pretty good job of mirroring the windows calculator functionality.

Basic keys are mapped (optionally) to the keyboard.


<html>
<head>
<title>Web Calculator</title>
<style type="text/css">
table
{
text-align:center;
background-color:#e5e5c5;
}

.button
{
width:55px;
font-weight:bold;
background-color:lightblue;
color:#333399;
}

.functbut
{
width:55px;
font-weight:bold;
background-color:lightblue;
color:red;
}

.back
{
width:115px;
font-weight:bold;
background-color:lightblue;
color:red;
}

.header
{
color:#333399;
}

#display
{
text-align:right;
}
</style>
<script type="text/javascript">
var find=document.getElementById;
var temp=0;
var total=0;
var which=0;
var m=0;

function Mplus()
{
m=parseFloat(find('display').value) + m;
find('memory1').value="M+*";
}

function Mclear()
{
m=0;
find('memory1').value="M+";
}

function Mrecall()
{
find('display').value=m;
}

function Mreplace()
{
m=find('display').value;
}

function showMe(num)
{
if(temp==0)
{
find('display').value=num;
temp=1;
}
else
{
find('display').value+=num;
}
}

function calcEm(num)
{
str=parseFloat(find('display').value);
if(which==0)
{
total=find('display').value;
temp=0;
which=num;
}
else if(which==1)
{
find('display').value=parseFloat(total)+ str;
total=find('display').value;
which=num;
temp=0;
}
else if(which==2)
{
find('display').value=parseFloat(total) * str;
total=find('display').value;
which=num;
temp=0;
}
else if(which==3)
{
find('display').value=parseFloat(total) / str;
total=find('display').value;
which=num;
temp=0;
}
else if(which==4)
{
find('display').value=parseFloat(total) - str;
total=find('display').value;
which=num;
temp=0;
}

}

function clearAll()
{
find('display').value=0;
which=0;
temp=0;
total=0;
}

function clearDisplay()
{
find('display').value="0"
temp=0;
}

function fractIt()
{
find('display').value=(1) / str;
}

function getPerc()
{
var d=find('display').value=str / 100;
calcEm(0);
}

function backSpace()
{
find('display').value=find('display').value.substring("0",find('display').value.length-1);
}

function getRoot()
{
find('display').value=Math.sqrt(find('display').value);
}

function invertIt()
{
var w=find('display').value.indexOf("-");
if(w==-1)
{
find('display').value="-" + find('display').value
}
else
{
find('display').value=find('display').value.substring("1",find('display').value.length);
}
}



function keyHandler()
{
keys=new Array();
keys[97]=("1");
keys[98]=("2");
keys[99]=("3");
keys[100]=("4");
keys[101]=("5");
keys[102]=("6");
keys[103]=("7");
keys[104]=("8");
keys[105]=("9");
keys[96]=("0");
keys[13]=("equal");
keys[107]=("plus");
keys[110]=("dot");
keys[109]=("minus");
keys[106]=("times");
keys[111]=("divide");
keys[110]=("dot");
keys[8]=("back");
keys[27]=("clear");

kc=window.event.keyCode;

if(keys[kc]!=undefined)
{
cColor('#333399');
setTimeout('cColor("lightblue")',100);
find(keys[kc]).click();
}
return false;
}
function cColor(bcolor)
{
find(keys[kc]).style.background=bcolor;
}

function keyOnOff()
{
var b=find('keychoice').checked
if(b==true)
{
document.onkeydown=keyHandler;
}
else
{
document.onkeydown="";
}
}
function checkHandler()
{
var e=find('keychoice').checked
if(e==false)
{
e=true;
}
else
{
e=false;
}
keyOnOff();
}

</script>
</head>
<body>
<table cellspacing="0" border="1">
<thead>
<th colspan="6" class="header">Web Calculator</th>
</thead>
<tr>
<td colspan="6"><input type="text" size="43" id="display" value="0."></td>
</tr>
<tr>
<td colspan="2"><input type="button" value="Backspace" id="back" class="back" onclick="backSpace()"></td>
<td colspan="2"><input type="button" id="ce" value="CE" class="back" onclick="clearDisplay()"></td>
<td colspan="2"><input type="button" id="clear" value="C" class="back" onclick="clearAll()"></td>
</tr>
<tr>
<td><input type="button" class="functbut" value="MC" onclick="Mclear();"></td>
<td><input type="button" class="button" id="7" value="7" onclick="showMe(&#397;')"></td>
<td><input type="button" class="button" id="8" value="8" onclick="showMe(&#398;')"></td>
<td><input type="button" class="button" id="9" value="9" onclick="showMe(&#399;')"></td>
<td><input type="button" class="functbut" id="divide" value="/" onclick="calcEm(3)"></td>
<td><input type="button" class="button" id="sqrt" value="sqrt" onclick="getRoot();"></td>
</tr>
<tr>
<td><input type="button" class="functbut" value="MR" onclick="Mrecall();"></td>
<td><input type="button" class="button" id="4" value="4" onclick="showMe(&#394;')"></td>
<td><input type="button" class="button" id="5" value="5" onclick="showMe(&#395;')"></td>
<td><input type="button" class="button" id="6" value="6" onclick="showMe(&#396;')"></td>
<td><input type="button" class="functbut" id="times" value="*" onclick="calcEm(2)"></td>
<td><input type="button" class="button" id="perc" value="%" onclick="getPerc()"></td>
</tr>
<tr>
<td><input type="button" class="functbut" value="MS" onclick="Mreplace();"></td>
<td><input type="button" class="button" id="1" value="1" onclick="showMe(&#391;')"></td>
<td><input type="button" class="button" id="2" value="2" onclick="showMe(&#392;')"></td>
<td><input type="button" class="button" id="3" value="3" onclick="showMe(&#393;')"></td>
<td><input type="button" class="functbut" id="minus" value="-" onclick="calcEm(4)"></td>
<td><input type="button" class="button" id="x" value="1/x" onclick="fractIt()"></td>
</tr>
<tr>
<td><input type="button" class="functbut" value="M+" id="memory1" onclick="Mplus();"></td>
<td><input type="button" class="button" id="0" value="0" onclick="showMe(&#390;')"></td>
<td><input type="button" class="button" id="flop" value="+/-" onclick="invertIt()"></td>
<td><input type="button" class="button" id="dot" value="." onclick="showMe(this.value)"></td>
<td><input type="button" class="functbut" id="plus" value="+" onclick="calcEm(1)"></td>
<td><input type="button" class="functbut" id="equal" value="=" onclick="calcEm(0)"></td>
</tr>
<tr>
<td colspan="6" class="header">Num Pad On:<input type="checkbox"
id="keychoice" onclick="checkHandler();keyOnOff();"></td>
</tr>
</table>

</body>
</html>

Happy Calculating...

View 3 Replies View Related

Shipping Calculator

Jan 17, 2006

I'm attempting to create a shopping cart shipping calculator using the total $ provided by the cart itself (%total%). Basically the script needs to take the %total%, compare it to a bunch of arrays in the javascript, and provide the shipping charge as a percentage of the total. For example:

The cart total ends up being $15 (or %total%).

The set rates for shipping are:

Standard Shipping
$1 - $4.99 : 7.95% (of total)
$5 - $9.99 : 9.95%
$10 - $19.99 : 11.95%

Overnight Shipping
$1 - $4.99 : 9.95% (of total)
$5 - $9.99 : 11.95%
$10 - $19.99 : 19.95%

Two radio buttons would show the 2 shipping options and the shipping charges like this:
O Standard: $1.79
O Overnight: $2.99

View 3 Replies View Related

Make Calculator To Be A Pop Up

Feb 19, 2009

I have a simple calculator written using javascript and html. I would like to make it such that when a link to the calculator is clicked, a pop up window with this calculator appears rather than referring a user to anew page.

View 2 Replies View Related

Calculator With If/then Statement?

May 26, 2010

I am working on a script that calculates the rental rate for a property. I currently have this code and form, which works as I wish it to.

Code:
<script type="text/javascript">
function roundCents(amount) {

[code]....

View 3 Replies View Related

Get A Calculator To Work With IF/THEN?

Oct 19, 2010

I am trying to make a calculator that calculates the amount of words inputted (words) and multiplying it with a variable decided by an If/Then statement. The way I want it to work is that if there is 1-10,000 inputted it multiplies whatever that amount is by .29, and if there is 10,000-20,000 by .26, and anything more than 20,000 by .24. This is what I have come up with so far:

Code JavaScript:
<script type="text/javascript">
function wordcount(){

[code]....

View 2 Replies View Related

JQuery :: Making A Div Get And Set Its Own Width?

Jan 28, 2010

I don't know if this will work, but I'm trying to put a google map on my website and in IE, the div containing the map needs to have a width value in pixels in order for the API to center the map properly. want a div with 100% width, which is inside another expanding column. This works everywhere but IE. My question is, Is there a way, using jQuery, to get the div to discover its inherent width and then apply that in pixels, as an inline style, to that tag? It would also have to redefine its width when the window resizes.

View 2 Replies View Related

JQuery :: Making A Pop Up Box On A Calendar?

May 8, 2010

I am trying to build a calendar that has clickable dates that reveal a pop up box with the event of the day when you click on them.I have got some basic functionality at the moment with the pop up working on one date,making it work on multiple dates.at the moment I have the pop up box positioned relative and and am using the toggle function to switch the display form none to block.I need to work out how to position the pop up box no matter which date you click on?here is the mark up for part of the table:

<tr>
<td>21</td>
<td>22</td>

[code]....

View 1 Replies View Related

JS Calculator Not Working In Mozilla But Ok In IE

Feb 26, 2010

I have an online calculator in javascript which works in IE but not Moz.

site: [URL]

code:
function workit()
{
var xsource = new Array(0,0.09,0.1); // source language
var xtarget = new Array(0,0.09,0.10,0.12,0.14); // target language

[Code]....

View 4 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved