Learn VBA & Macros in 1 Week!

JavaScript - I Am Working On Mpg Calculator

Full Excel VBA Course - Beginner to Expert

I Am Working On Mpg Calculator	View Content

I am working on an Mpg calculator and I am stuck any input would be greatly appreciated.

Code:

   
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
 
        <html xmlns="http://www.w3.org/1999/xhtml"> 
          <head>
           <title>Gas Mileage</title>
            <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />

           <script type = "text/javascript">
              /*<![CDATA[*/
              function calcMPG() 
          { 
             var startMiles= document.forms[0].startingMileage.value;
             var endMiles= document.forms[0].endingMileage.value;
             var gallons=document.forms[0].gallons.value;

             if(isNaN(startMiles)
               isNaN(endMiles))
               isNaN(gallons))
          {
               window.alert("You must enter a number");
              }
                else
             {
              if (gallons > 0)
               {
                 
              document.forms[0].gallons.value= ((endMiles-startMiles)/gallons).toFixed(1);
       }
     }
   }

             /*]]>*/
            </script>
      </head>

      <body>

           <script type = "text/javascript">
              /*<![CDATA[*/
              
            document.write("<p><h1>Miles Per Gallon Calculator</h2></p>");
            document.write("<p><h3>You must enter your starting and ending mileage and gallons used.</h3></p>");
            /*]]>*/
            </script>
              
           <form action="">
           
           <p> Starting Mileage<br />
               <input type="text" name="startingMileage" value="0" onchange="calcMPG()" /> </p>
           <p> Ending Mileage <br />
              <input type="text" name="endingMileage" value="0" onchange="calcMPG()" /></p>

           <p>Gallons Used<br />
              <input type="text" name="gallons" value="0" onchange="calcMPG()"/></p>
           <p>Miles Per Gallon<br />
              <input type="text" name="miles per gallon" value="0" /></p>

           </form>

            

        </body>

        </html>

I have a mistake when it is suppose to calculate. Thanks to all

Full Excel VBA Course - Beginner to Expert

Bmi Calculator - Novice Cannot Get It Working!

Similar Tutorials

View Content

Hello

I have been asked by a friend to put together a BMI calculator. I know there are javascript ones already out there that I could use the code for, but

a) it needs to do a specific thing
b) I am interested in learning a bit of jscript - hence why I just spent about 4hrs trying to get it working

You can see what I have been working on here

http://www.kubedp.co.uk/bmi2.html

Basically - what it needs to do is the following :-
- User can either enter Feet/Inches or centimeters for height
- User can either enter Stones/Pounds or Kilos for weight.
- If they enter Feeet/Inches and centimeters - it throws an error (similar thing for weight).

It then outputs the BMI to txtBMIResults.

I managed to get the validation working on not having both Stones/Pounds and Kilos filled in etc, but when it comes to the actual calculation - I am stumped.

If someone could look at this for me and hopefully code it and comment it so I can understand what has been done to get it working so I might learn, that would be fantastic.

http://www.bmi-calculator.net/bmi-formula.php

Is the formulas for calculating BMI.

Not sure if you can tell from the code - but I was trying to get it so that the calculation was always done on Kilos and Meters, so I was taking the Stones and Pounds and feet and inches and trying to convert it to kilos and metres and then run the calculation.

Hope I have been clear.

Many thanks for any help anyone can offer

Js Calculator Not Working In Mozilla But Ok In Ie

Similar Tutorials

View Content

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

Can anyone help: site: http://www.exigotranslations.com

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
var xtype = new Array(0,0,0.06,0.02,0.06,0.04,0.06,0.03,0.01); // type of text
var itemA = parseInt(form1.words.value);
if(!itemA){itemA=1};
var itemB = parseInt(form1.source.options[form1.source.selectedIndex].value);
var itemC = parseInt(form1.target.options[form1.target.selectedIndex].value);
var itemD = parseInt(form1.type.options[form1.type.selectedIndex].value);

var total = (itemA*(xtarget[itemC]+xtype[itemD]));

if(total < 9) {total = 9};

mytotal.innerHTML = total.toFixed(2);
}

link to code from webpage is: <script src="Javascript/formcheck.js" type="text/javascript"></script>

Can anyone help with what I have done wrong.

Thanks,
Richard

Javascript Calculator Not Working On Firefox Or Flock

Similar Tutorials

View Content

I am having trouble with my calculator not working in Firefox or Flock when it does in IE.

I have installed Firebug but my having trouble understanding that - I have not used Mac's, so am not getting anywhere.

The web page is http://scubaservice.com.au/Dive-Equi...Insurance.html,
the premium calculator is supposed to return 4 values as you enter the equipment value or change the state.

Code:

function premium_calculator()
{
    var val = document.getElementById('user_input').value;	
    var state = document.getElementById('user_state').value;
    var excess=[0.03,0.0285714285714286,0.0257142857142857,0.019047619047619];     // excess rates
    var gst=.10;                                            // GST rate
    var margin=.60;                                     // margin
// state array 
//    var States=["QLD","NSW","ACT","VIC","TAS","SA ","WA ","NT "];  
    var sd=[0.075,0.09,0.1,0.1,0.08,0.11,0.1,0.1];                               // stamp duty rates

     if (val<100000)
     {    
             switch (state) {
               case "QLD": 
                     var n1 = val * excess[0];
                     if (n1 < 75)
                          n1 = 75;
                     var gn1 = n1 * gst;
                     var sd1 = (n1 + gn1) * sd[0];
                     var m1 = n1 * margin;
                     var mx1 = (val/2500)*((12/36)*25);
                     var gm1 = (m1 + mx1) * gst;
                     var r1 = roundNumber((n1+gn1+sd1+m1+mx1+gm1),2);

                     var n2 = val * excess[1];
                     if (n2 < 75)
                          n2 = 75;
                     var gn2 = n2 * gst;
                     var sd2 = (n2 + gn2) * sd[0];
	     var m2 = n2 * margin;
                     var mx2 = (val/2500)*((12/36)*25);
                     var gm2 = (m2 + mx2) * gst;
                     var r2 = roundNumber((n2+gn2+sd2+m2 +mx2+gm2),2);  

                     var n3 = val * excess[2];
                     if (n3 < 75)
                          n3 = 75;
                     var gn3 = n3 * gst;
                     var sd3 = (n3 + gn3) * sd[0];
	     var m3 = n3 * margin;
                     var mx3 = (val/2500)*((12/36)*25);
                     var gm3 = (m3 + mx3) * gst;
                     var r3 = roundNumber((n3+gn3+sd3+m3+mx3+gm3),2);  

                     var n4 = val * excess[3];
                     if (n4 < 75)
                          n4 = 75;
                     var gn4 = n4 * gst;
                     var sd4 = (n4 + gn4) * sd[0];
	     var m4 = n4 * margin;
                     var mx4 = (val/2500)*((12/36)*25);
                     var gm4 = (m4 + mx4) * gst;
                     var r4 = roundNumber((n4+gn4+sd4+m4+mx4+gm4),2); 
                     break;
//this case is repeated for each state with slight differences
             }
     }    
     else
     {    
           alert ("Please contact us for quote");
           r1 = 0;
           r2 = 0;
           r3 = 0;
           r4 = 0; 
     }
     document.getElementById('val_100_1').innerHTML = r1;
     document.getElementById('val_250_1').innerHTML = r2;
     document.getElementById('val_500_1').innerHTML = r3;
     document.getElementById('val_1000_1').innerHTML = r4;

}

function roundNumber(rnum, rlength) { // Arguments: number to round, number of decimal places
  var newnumber = Math.round(rnum*Math.pow(10,rlength))/Math.pow(10,rlength);
  return newnumber.toFixed(2); // Output the result to the form field (change for your purposes)
}

Thank you in advance.

Bmi Calculator

Similar Tutorials

View Content

Hi ,
this is my bmi calculator script

<HEAD>

<script type="text/javascript">


</script>
</HEAD>



<BODY>

<div align="left">
<form name="form" id="form">
<input type="Text" name="weight" size="4"> Peso (Kg)<br>
<input type="Text" name="height" size="4"> Altezza (Cm)<br>
<input type="Text" name="BodyMassIndex" id="BodyMassIndex" size="4"> BMI<br>
<input type="Text" name="feedback" id="feedback" style="padding:10px 0 20px 0; border:none; font-weight:600; color:#555555; font-family:verdana;" ><br>
<input type="button" style="font-size: 8pt" value="Calcola" onClick="calculateBMI()" name="button">
<input type="reset" style="font-size: 8pt" value="Reset" onclick="resetAll()" name="button">
</form>
</div>

<!-- Script Size:

I would want to show writing that it says if is in overweight, norms or I underweigh, but the script does not work. could someone help me? please

Help! Calculator...

Similar Tutorials

View Content

Hi all. I'm having a bit of a problem returning a different value each time a different button is pressed for calculator.

What am I doing wrong?

Code:

<script>
function calc(btname){
for(var x=0;x<=11;x++){
if(x==0){
btname="zero";
}else if(x==1){
btname="one";
}else if(x==2){
btname="two";
}else if(x==3){
btname="three";
}else if(x==4){
btname="four";
}else if(x==5){
btname="five";
}else if(x==6){
btname="six";
}else if(x==7){
btname="seven";
}else if(x==8){
btname="eight";
}else if(x==9){
btname="nine";
}else if(x==10){
btname="multiply";
}else if(x==11){
btname="divide";
}
if('document.forms.test.'+btname+'.onClick'){
alert(btname);
}
}
}

function scalc(){
var sign="";
var btname="";
document.write('<form name="test">');
for(var x=0;x<=11;x++){
if(x==0){
btname="zero";
}else if(x==1){
btname="one";
}else if(x==2){
btname="two";
}else if(x==3){
btname="three";
}else if(x==4){
btname="four";
}else if(x==5){
btname="five";
}else if(x==6){
btname="six";
}else if(x==7){
btname="seven";
}else if(x==8){
btname="eight";
}else if(x==9){
btname="nine";
}else if(x==10){
btname="multiply";
sign = "*";
}else if(x==11){
btname="divide";
sign = "/";
}
if(x<10){
document.write('<input type="button" size="30" name="'+btname+'" value="'+x+'" onClick="calc(this);">&nbsp;');
}else if(x>9 && x<12){
document.write('<input type="button" size="30" name="'+btname+'" value="'+sign+'" onClick="calc(this);">&nbsp;');
}
if(x==2 || x == 5 || x == 8){
document.write('<br>');
}
}
document.write('</form>');
}
scalc();
</script>

ANY help is GREATLY appreciated!

Age Calculator - Help!!

Similar Tutorials

View Content

I'm using the following code to calculate an age from the given date of birth however it works for some DOB's, gives wrong answers for some and undefined for others, can someone help me?

Code:

 
<div style="font-size:13px; font-family:Verdana;">
<script>
 <!--
/*Darren McGrady */
 var current= new Date()
 var day  = current.getDate()
 var month = current.getMonth() + 1
 var year = current.getFullYear()
 var a = 29
 var b = 12
 var c = 1980
 var age

if (month < b)
      age = (year-c)-1

if ((month == b) && (day < a))
      age = (year-c)-1
else
      age = year-c

document.write(age);

//-->
 </script>
</div>

Some Help Regarding Calculator

Similar Tutorials

View Content

Below is the code for a calculator using script.
can one help me to explain me the colored line??

<!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=iso-8859-1" />
<title>Untitled Document</title>
</head>

<body>
</body>
<script language="javascript" type="text/javascript">
function multiply()
{
a=Number Quote:
Quote:
(document.calculator.number1.value)

;
b=Number(document.calculator.number2.value);
c=a*b;
document.calculator.total.value=c;
}
function addition(){
a=Number(document.calculator.number1.value);
b=Number(document.calculator.number2.value);
c=a+b;
document.calculator.total.value=c;
}
function subtraction(){
a=Number(document.calculator.number1.value);
b=Number(document.calculator.number2.value);
c=a-b;
document.calculator.total.value=c;
}
function division(){
a=Number(document.calculator.number1.value);
b=Number(document.calculator.number2.value);
c=a/b;
document.calculator.total.value=c;
}
function modulus(){
a=Number(document.calculator.number1.value);
b=Number(document.calculator.number2.value);
c=a%b;
document.calculator.total.value=c;
}
</script>

</head>

<body>

<form name="calculator">
Number 1: <input type="text" name="number1">
Number 2: <input type="text" name="number2">
Get Result: <input type="text" name="total">
<input type="button" value="ADD" onclick="javascript:addition();">
<input type="button" value="SUB" onclick="javascript:subtraction();">
<input type="button" value="MUL" onclick="javascript:multiply();">
<input type="button" value="DIV" onclick="javascript:division();">
<input type="button" value="MOD" onclick="javascript:modulus();">

</form>

</body>
</html>

Help With Calculator.

Similar Tutorials

View Content

How could i make a calculator that changes three values when a vertex on an image moves. Example : When a point moves on the triangle it changes the cost quality and time.
I have this start and need the meat for the concept to work.<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>

<body>
<p><img src="Assets/Project-triangle.svg.png" width="500" height="492" alt=""/>-------------------------------------------<img src="Assets/triangle.gif" width="224" height="210" alt=""/></p>
<p>
<label for="textfield">Cost :</label>
<input type="text" name="textfield" id="textfield">
<label for="textfield2"> Time :</label>
<input type="text" name="textfield2" id="textfield2">
<label for="textfield3">Quality :</label>
<input type="text" name="textfield3" id="textfield3">
</p>
<p> </p>
</body>
</html>

Help would be greatly appreciated!

Javascript Calculator

Similar Tutorials

View Content

I'm not sure what the code is to add this to javascript. I don't know if anyone can help me with this? Each numeric button should change the input box up at the top to whatever. When one of the operator buttons (+,-,*,/) is pressed, the value in the input box at the top should change to 0. Before an operator button is pressed, the value should be stored in a variable to keep track of the left-hand side of the equation. After it is pressed, the value should be stored in the right hand side variable.

Thanks

Javascript Pop-up Calculator

Similar Tutorials

View Content

aaaaaa

What Am I Doing Wrong With My Calculator?

Similar Tutorials

View Content

I'm trying to get this calculator to work

html

Code:

<form name="Calc" id="calculator" style="position: fixed; top: 25px; right: 5px; background: #5F4A29;" action="">
  <table border="6">
    <tr>
      <td colspan="4"><input type="text" name="Input" size="25" onclick="calc(Calc); return true" /></td>
    </tr>
    <tr>
      <td><input class="button" type="button" name="clr" value="c" onclick="calc(Calc)" /></td>
      <td><input class="button" type="button" name="(" value="(" onclick="calc(Calc)" /></td>
	  <td><input class="button" type="button" name=")" value=")" onclick="calc(Calc)" /></td>
      <td><input class="button" type="button" name="equ" value="=" onclick="calc(Calc)" /></td>	  
    </tr>
    <tr>
      <td><input class="button" type="button" name="_1" value="1" onclick="calc(Calc)" /></td>
      <td><input class="button" type="button" name="_2" value="2" onclick="calc(Calc)" /></td>
	  <td><input class="button" type="button" name="_3" value="3" onclick="calc(Calc)" /></td>
      <td><input class="button" type="button" name="add" value="+" onclick="calc(Calc)" /></td>	  
    </tr>
    </tr>
    <tr>
      <td><input class="button" type="button" name="_4" value="4" onclick="calc(Calc) += '4'" /></td>
      <td><input class="button" type="button" name="_5" value="5" onclick="calc(Calc) += '5'" /></td>
	  <td><input class="button" type="button" name="_6" value="6" onclick="calc(Calc) += '6'" /></td>
      <td><input class="button" type="button" name="sub" value="-" onclick="calc(Calc)" /></td>	  
    </tr>
    <tr>
      <td><input class="button" type="button" name="_7" value="7" onclick="calc(Calc)" /></td>
      <td><input class="button" type="button" name="_8" value="8" onclick="calc(Calc)" /></td>
	  <td><input class="button" type="button" name="_9" value="9" onclick="calc(Calc)" /></td>
      <td><input class="button" type="button" name="mul" value="*" onclick="calc(Calc)" /></td>	  
    </tr>
    <tr>
      <td></td>
      <td><input class="button" type="button" name="_0" value="0" onclick="calc(Calc)" /></td>
	  <td><input class="button" type="button" name="dot" value="." onclick="calc(Calc)" /></td>
      <td><input class="button" type="button" name="div" value="/" onclick="calc(Calc)" /></td>	  
    </tr>
  </table>
</form>

and js

Code:

function calc(Calc)
{
var add = eval (document.Calc.add.value);
var sub = eval (document.Calc.sub.value);
var mul = eval (document.Calc.mul.value);
var div = eval (document.Calc.div.value);
var clr = eval (document.Calc.clr.value);
var _0 = eval (document.Calc._0.value);
var _1 = eval (document.Calc._1.value);
var _2 = eval (document.Calc._2.value);
var _3 = eval (document.Calc._3.value);
var _4 = eval (document.Calc._4.value);
var _5 = eval (document.Calc._5.value);
var _6 = eval (document.Calc._6.value);
var _7 = eval (document.Calc._7.value);
var _8 = eval (document.Calc._8.value);
var _9 = eval (document.Calc._9.value);
var dot = eval (document.Calc.dot.value);
var equ = eval (document.Calc.equ.value)

var output=Calc.Input.value=add+sub+mul+div+clr+_0+_1+_2+_3+_4+_5+_6+_7+_8+_9+dot+equ;

document.getElementById("calculator").innerHTML=output;
}

Can someone help me sort this out?

Need Help On Javascript Calculator

Similar Tutorials

View Content

Hi all master and expert coders

I am working on a calculator which using the instructor's codes from the school. The problem that I having right now is the operator. I have successfully complete only the addition, but could not manage on subtraction and the rest operator. I hope experienced codes would help me out on this. Below is my codes.

<!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>
<script type="text/javascript">
function calculate() {
var value1 = parseInt(validate(document.getElementById("value1").value));
var value2 = parseInt(validate(document.getElementById("value2").value));
radioButtonCheck();
checkboxCheck();
dropDownListCheck();
document.getElementById("result").value = addition(value1, value2);
document.getElementById("result").value = subtraction(value1, value2);
document.getElementById("result").value = multiplication(value1, value2);
document.getElementById("result").value = division(value1, value2);
}

function validate(value) {
if (value == null || value == "") {
alert("Required Field");
return 0;
} else if (isNaN(value)) {
alert("Must be a number");
return 0;
}
else return value;
}

function addition(value1, value2){
return value1 + value2;
}
// trying to use the same addition return statement but fail.
function radioButtonCheck() {
if ((document.getElementById("radio1").checked == false)
&& (document.getElemtById("radio2").checked == false)) {
alert("Please select a radio button");
valid = false;
}
}
function checkboxCheck() {
if ((document.getElementById("cbox1").checked == false)
&& (document.getElementById("cbox2").checked == false)) {
alert("Please select a checkbox");
valid = false;
}
}
function dropDownListCheck() {
if ((document.getElementById("ddlOperator").selectedIndex == 0)) {
alert("Please select a operator");
valid = false;
}
}

</script>

<title>Calculator By Alsus</title>
</head>
<body>
<h2>Calculator</h2>
<table border = "1">
<tr>
<td>Value 1:</td>
<td><input type="text" id="value1" name="value1" /></td>
</tr>
<tr>
<td>Value 2:</td>
<td><input type="text" id="value2" name="value2" /></td>
</tr>
<tr>
<td>Operator:</td>
<td><input type="text" id="Operator" name="Operator" /></td>
</tr>
<tr>
<td><input type="radio" id="radio1" name="radio1" value="radio1" />Radio1<br /></td>
<td><input type="radio" id="radio2" name="radio2" value="radio2" />Radio2<br /></td>
</tr>
<tr>
<td><input type="checkbox" id="cbox1" name="cbox1" value="cbox1" />Checkbox 1<br /></td>
<td><input type="checkbox" id="cbox2" name="cbox2" value="cbox2" />Checkbox 2<br /></td>
</tr>
<tr>
<td>
<select id="ddlSelect">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
</td>
<td> </td>
</tr>
<tr>
<td>Result:</td>
<td><input type="text" id="result" name="result" /></td>
</tr>
</table>
<input type="submit" id="btn_sub" name="btn_sub" value="Submit" onclick="calculate()" />
<input type="reset" id="btn_res" name="btn_res" value="Reset" />
</body>
</html>

Need Help With Form Calculator

Similar Tutorials

View Content

Hello guys,
long story short my boss wants me to add this calculator form to our website(here is the link to what he wants exactly) so I try to copy that code but it won't work. I was wondering if this javascript would work.

Code:
Code:

<script language="JavaScript">
function calc() {
gear = document.name1.drpPumpType.1;
vane = document.name1.drpPumpType.2;

if (gear)
{

txtW = document.form1.txtW.value;
txtD = document.form1.txtD.value;
txtL = document.form1.txtL.value;
int gearCIR;
gearCIR = 6 * txtW *(2 * txtD - txtL) * (txtL - txtD) / 2;
}
else
{
int vaneCIR;
vaneCIR = 12 * txtW * (txtL + txtD) / 4 * (txtL - txtD) / 2;
}

I probably don't even need a if statement but I haven't program in a long time and never use java script before. so bare with me.

here is the html form code
Code:
Code:

<form name="name1">
<table align="center" border="0" width="44%">
<tbody>
<tr>
<td colspan="3"><span class="BoldHeadingLabel style1">Displacement&nbsp;from&nbsp;Measurements</span></td></tr>
<tr>
<td width="50"><span class="style1"></span><br />
</td>
<td width="157"><span class="BoldLabel style1">Pump/Motor&nbsp;Type:</span></td>
<td width="456"> <span class="style1"></span> <br />
</td></tr>
<tr>
<td width="50"><span class="style1"></span><br />
</td>
<td width="157"><span class="BoldLabel style1">Gear&nbsp;Width&nbsp;(W):</span></td>
<td><span class="style1"><input name="txtW" id="txtW" maxlength="10" size="10" value="" type="text" /></span></td></tr>
<tr>
<td width="50"><span class="style1"></span><br />
</td>
<td width="157"><span class="BoldLabel style1">Gear&nbsp;Bore&nbsp;Dia.&nbsp;(D):</span></td>
<td><span class="style1"><input name="txtD" id="txtD" maxlength="10" size="10" value="" type="text" /></span></td></tr>
<tr>
<td width="50"><span class="style1"></span><br />
</td>
<td width="157"><span class="BoldLabel style1">Bore&nbsp;to&nbsp;Bore&nbsp;(L):</span></td>
<td><span class="style1"><input name="txtL" id="txtL" maxlength="10" size="10" value="" type="text" /></span></td></tr>
<tr>
<td colspan="3"><span class="style1"></span><br />
</td></tr>
<tr>
<td width="50"><span class="style1"></span><br />
</td>
<td width="157"><span class="BoldLabel style1">Displacement&nbsp;(CIR)&nbsp;&nbsp;&nbsp;=&nbsp;&nbsp;&nbsp;</span></td>
<td><span class="CalAnswer style1">_________</span><span class="style1"><br />
</span></td></tr>
<tr></tr>
<tr>
<td colspan="3"><span class="style1"></span><br />
</td></tr>
<tr>
<td colspan="3" align="center"><input value="Calculate" id="submit1" name="submit1" type="submit" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input value="Clear" id="clearform" name="clearform" onclick="cmdReset_onclick()" type="button" /> </td></tr></tbody></table></form>

For some reason it says access denied. I copy this code from that website. but can't find any code wrong.
I know this code is probably so wrong but any help is much appreciated .

Three Values Calculator Help Please

Similar Tutorials

View Content

Day Of The Week Calculator Help

Similar Tutorials

View Content

Hi there, me again.

Need help with this bit of code. The script itself I got from the JS Source, and modified it myself a bit so that instead of the user inputting their DOB via a prompt box, it could be entered via dropdown lists. I attempted to do this, but have come across a problem. For some reason, the result always (or at least, that's what it looks like to me) appears to be the array index element of [4], i.e. Friday. Not really sure why this is, but no matter what date is entered out of the example dates shown below in the HTML, the result is always Friday. Double-checked on another similiar calculator script online, and sure enough, the results are wrong. So it's a problem with my script. Except I can't identify it. So any help from Old Pedant/Philip M, or whoever else on the forum has the patience to help me , would be much appreciated.

Code:

<script type="text/javascript" language="javascript">
function findDay() {
  var arr = new Array();
  arr[0] = "Monday";
  arr[1] = "Tuesday";
  arr[2] = "Wednesday";
  arr[3] = "Thursday";
  arr[4] = "Friday";
  arr[5] = "Saturday";
  arr[6] = "Sunday";
  var selectdate = document.getElementById("selectdate").selectedIndex;
  var selectmonth = document.getElementById("selectmonth").selectedIndex;
  var selectyear = document.getElementById("selectyear").selectedIndex;
  var birthday = new Date(selectdate + selectmonth + selectyear);
  var day = birthday.getDay();
  document.getElementById("div1").innerHTML = "You were born on a " + arr[day] + "!"
}
</script>

Code:

<html>
<h1>Day Of The Week?</h1>
Input your date of birth, and click the Go button to find out what day of the week you were born on.
<hr/>
<form style="text-align: center;">

<select id="selectdate">
<option>1</option>
<option>2</option>
<option>3</option>
</select>

<select id="selectmonth">
<option>January</option>
<option>February</option>
<option>March</option>
</select>

<select id="selectyear">
<option>1995</option>
<option>1996</option>
<option>1997</option>
</select>
<br/>
<br />
<input align="middle" type="button" value="Go" onclick="findDay()">
</form>
<div id="div1"></div>
</html>

Pls Help Me Debug My Js Calculator

Similar Tutorials

View Content

I've got this code below, it seems ok, but sometimes, the multiplication does not work..i don't know why... pls help me..thanks

btw, this is my 1st javascript "application", so, im really new into this

thanks in advance for any help

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>My First JavaScript Application</title>

<style type="text/css">
td
{
	text-align:center
}
table
{
	background:#660033
}
body
{
	background-color:#666;
	text-wrap:supress;
	
}
h1
{
	color:#FFFFFF;
}

.ex
{
	background-color:#99F;
	color:#660000;
	font:Verdana, Geneva, sans-serif;
	font-size:20px;
	text-align:right;
	
}
.ec
{
	background-color:#CCC;
	color:#660033;
	font:Arial, Helvetica, sans-serif;
	font-size:18px;
}
</style>


<script type="text/javascript">
var num1 = 0;
var ope = 0;
var num2 = 0;
var ek = 0

	function addOnScr1()
	{
		document.getElementById("neg").disabled=true;
		if((ek!=0))
		{
		document.getElementById("nums").value = "";
		ek = 0;
		}
		var txt = document.getElementById("nums").value;
		txt = txt+1;
		document.getElementById("nums").value = txt;
	
	}

	function addOnScr2()
	{
		document.getElementById("neg").disabled=true;
		if((ek!=0))
		{
		document.getElementById("nums").value = "";
		ek = 0;
		}
		var txt = document.getElementById("nums").value;
		txt = txt+2;
		document.getElementById("nums").value = txt;
	}	

	function addOnScr3()
	{
		document.getElementById("neg").disabled=true;
		if((ek!=0))
		{
			document.getElementById("nums").value = "";
			ek = 0;
		}
		var txt = document.getElementById("nums").value;
		txt = txt+3;
		document.getElementById("nums").value = txt;
	}
	
	function addOnScr4()
	{
		document.getElementById("neg").disabled=true;
		if((ek!=0))
		{
			document.getElementById("nums").value = "";
			ek = 0;
		}
		var txt = document.getElementById("nums").value;
		txt = txt+4;
		document.getElementById("nums").value = txt;
	}

	function addOnScr5()
	{
		document.getElementById("neg").disabled=true;
		if((ek!=0))
		{
			document.getElementById("nums").value = "";
			ek = 0;
		}
		var txt = document.getElementById("nums").value;
		txt = txt+5;
		document.getElementById("nums").value = txt;
	}

	function addOnScr6()
	{
		document.getElementById("neg").disabled=true;
		if((ek!=0))
		{
			document.getElementById("nums").value = "";
			ek = 0;
		}
		var txt = document.getElementById("nums").value;
		txt = txt+6;
		document.getElementById("nums").value = txt;
	}
	function addOnScr7()
	{
		document.getElementById("neg").disabled=true;
		if((ek!=0))
		{
			document.getElementById("nums").value = "";
			ek = 0;
		}
		var txt = document.getElementById("nums").value;
		txt = txt+7;
		document.getElementById("nums").value = txt;
	}

	function addOnScr8()
	{
		document.getElementById("neg").disabled=true;
		if((ek!=0))
		{
			document.getElementById("nums").value = "";
			ek = 0;
		}
		var txt = document.getElementById("nums").value;
		txt = txt+8;
		document.getElementById("nums").value = txt;
	}
	function addOnScr9()
	{
		document.getElementById("neg").disabled=true;
		if((ek!=0))
		{
			document.getElementById("nums").value = "";
			ek = 0;
		}
		var txt = document.getElementById("nums").value;
		txt = txt+9;
		document.getElementById("nums").value = txt;
	}

	function addOnScr0()
	{
		document.getElementById("neg").disabled=true;
		if((ek!=0))
		{
			document.getElementById("nums").value = "";
			ek = 0;
		}
	
		var txt = document.getElementById("nums").value;
		txt = txt+0;
		document.getElementById("nums").value = txt;
	}

	function addOnScrp()
	{
		document.getElementById("neg").disabled=true;
		document.getElementById("point").disabled=true;
		if((ek!=0))
		{
			document.getElementById("nums").value = "";
			ek = 0;
		}
		var txt = document.getElementById("nums").value;
		txt = txt+".";
		document.getElementById("nums").value = txt;
	}

	function addOnScrn()
	{
		var txt = document.getElementById("nums").value;
		txt = txt+"-";
		document.getElementById("nums").value = txt;
	}

	function add()
	{
		document.getElementById("neg").disabled=false;
		document.getElementById("point").disabled=false;
		ek=1;
		if(num1==0)
		{
			num1 = parseFloat(document.getElementById("nums").value);
		}
		else
		{
			ent();
		}
		ope = 1;
	
	}

	function diff()
	{
		document.getElementById("neg").disabled=false;
		document.getElementById("point").disabled=false;
		
		ek=1;
		if(num1==0)
		{
			num1 = parseFloat(document.getElementById("nums").value);
		}
		else
		{
			ent();
		}
		ope = 2;
	}

	function prod()
	{
		document.getElementById("neg").disabled=false;
		document.getElementById("point").disabled=false;
		
		ek=1;
		if(num1==0)
		{
			num1 = parseFloat(document.getElementById("nums").value);
		}
		else
		{
			ent();
		}
		ope = 3;
	}
	
	function quo()
	{
		document.getElementById("neg").disabled=false;
		document.getElementById("point").disabled=false;
		
		ek=1;
		if(num1==0)
		{
			num1 = parseFloat(document.getElementById("nums").value);
		}
		else
		{
			ent();
		}
		ope = 4;
	}

	function clr()
	{
		num1 = 0;
		num2 = 0;
		ope = 0;
		document.getElementById("nums").value = "";
		document.getElementById("neg").disabled=false;
		document.getElementById("point").disabled=false;
		ek = 0;
	}

	function ent()
	{
		ek = 1;
		var ans;
		num2 = parseFloat(document.getElementById("nums").value);
		switch(ope)
		{
			case 1:
				ans = num1 + num2;
				document.getElementById("nums").value = ans;
				num1 = ans;
				break;
			case 2:
				ans = num1 - num2;
				document.getElementById("nums").value = ans;
				num1 = ans;
				break;
			case 3:
				ans = num1 * num2;
				document.getElementById("nums").value = ans;
				num1 = ans;
				break;
			case 4:
				ans = num1 / num2;
				document.getElementById("nums").value = ans;
				num1 = ans;
				break;
			default:
				document.getElementById("nums").value = "???";	
		}
	}
	
	function enterz()
	{
		document.getElementById("neg").disabled=false;
		document.getElementById("point").disabled=false;
		
		ek = 1;
		var ans;
		num2 = parseFloat(document.getElementById("nums").value);
		switch(ope)
		{
			case 1:
				ans = num1 + num2;
				document.getElementById("nums").value = ans;
				num1 = 0;
				break;
			case 2:
				ans = num1 - num2;
				document.getElementById("nums").value = ans;
				num1 = 0;
				break;
			case 3:
				ans = num1 * num2;
				document.getElementById("nums").value = ans;
				num1 = 0;
				break;
			case 4:
				ans = num1 / num2;
				document.getElementById("nums").value = ans;
				num1 = 0;
				break;
			default:
				document.getElementById("nums").value = "???";	
		}	
	}



</script>
</head>
<body><center>
<form><h1>
Calculator</h1>
<table border="0">
<tr><th colspan="4"><input type="text" class = "ex" id = "nums" name = "nums"  /></th></tr>
<tr><td><button type="button" class = "ec" onclick="addOnScr1()">1</button></td>
<td><button type="button" class = "ec" onclick="addOnScr2()">2</button></td>
<td><button type="button" class = "ec" onclick="addOnScr3()">3</button></td>
<td><button type="button" class = "ec" onclick="add()">+</button></td>
</tr>

<tr><td><button type="button" class = "ec" onclick="addOnScr4()">4</button></td>
<td><button type="button"  class = "ec" onclick="addOnScr5()">5</button></td>
<td><button type="button" class = "ec" onclick="addOnScr6()">6</button></td>
<td><button type="button" class = "ec" onclick="diff()">--</button></td></tr>

<tr><td><button type="button" class = "ec" onclick="addOnScr7()">7</button></td>
<td><button type="button" class = "ec" onclick="addOnScr8()">8</button></td>
<td><button type="button" class = "ec" onclick="addOnScr9()">9</button></td>
<td><button type="button" class = "ec" onclick="prod()">*</button></td></tr>

<tr><td><button type="button" class = "ec" id="neg" onclick="addOnScrn()">-</button></td>
<td><button type="button" class = "ec" onclick="addOnScr0()">0</button></td>
<td><button type="button" class = "ec" id="point" onclick="addOnScrp()">.</button></td>
<td><button type="button" class = "ec" onclick="quo()">/</button></td></tr>

<tr><td></td> <td><button type="button" class = "ec" onclick="enterz()">=</button></td>
<td><button type="button" class = "ec" onclick="clr()">C</button></td><td> </td></tr>

</form>

</body>
</html>

Calculator Problems

Similar Tutorials

View Content

i am building/coding a simple calculator and i have this
Code:

function addDigit() {
	if(id=7) {
		document.getElementById("display").value="7";
	}
	if(id=8) {
		document.getElementById("display").value="8";
	}
	if(id=9) {
		document.getElementById("display").value="9";
	}
}

function clearAll() {
	document.getElementById("display").value="";
}

as the code but when i press the 7 8 or 9 buttons it only shows up as a 9.
go to http://www.mightypeacock.com/Practice/calculator.html to see what i mean.

Calculator Question

Similar Tutorials

View Content

Hi everyone, I am currently doing a project with a calculator and I am having a bit of trouble trying to figure something out and was wondering if I could get some help with it or possibly even a good site to read up on it.

I am trying to make it so my calculator is disabled on startup. I can only seem to get my textbox disabled but I need everything disabled except the ON button.. so whey they click the ON button everything is enabled. when they click the OFF button everything is wiped and disabled..

I'm not to familiar with that yet so all the help is greatly appreciated..

I'm not sure if I'm going on the right direction with this but heres my code...

Code:

var value

function start() {
 form1.tb1.disabled = true;
 }
 onload = start;
 function enable() {
 form1.tb1.disabled = false
 }

function shownumber(value){
document.form1.tb1.value=document.form1.tb1.value+value
document.form1.plus.disabled=false
document.form1.minus.disabled=false
document.form1.times.disabled=false
document.form1.divide.disabled=false

}

function showoperator(value){
document.form1.tb1.value=document.form1.tb1.value+value
}

function evalit(){
document.form1.tb1.value=eval(document.form1.tb1.value)

}

and my body is

Code:

<table width="210" border="1" bgcolor="#0000">
<form name="form1">
      <tr>
        <td align="center">
          <table width="173" border="0" cellspacing="0" cellpadding="0" height="130">
            <tr>
            </tr>
            <tr>
              <td colspan="3">
                <input type="text" name="tb1" size="20">
              </td>
              <td width="53" height="0"> <font color="#FFFFFF">
                <input type="button" name="clear" value="   c   "
            onClick="document.form1.tb1.value=''">
                </font></td>
            </tr>
            <tr>
              <td width="53" height="0">
                <input type="button" name="7" value="   7   "
            onClick="shownumber('7')">
              </td>
              <td width="53" height="0">
                <input type="button" name="eight" value="   8   "
            onClick="shownumber('8')">
              </td>
              <td width="53" height="0">
                <input type="button" name="nine" value="   9   "
            onClick="shownumber('9')">
              </td>
              <td width="53" height="0"> <font color="#FFFFFF">
            <input type="button" value="   /    " name="divide"
            onClick="showoperator('/')">
                </font></td>
            </tr>
            <tr>
              <td width="53" height="0">
                <input type="button" name="four" value="   4   "
            onClick="shownumber('4')">
              </td>
              <td width="53" height="0">
                <input type="button" name="five" value="   5   "
            onClick="shownumber('5')">
              </td>
              <td width="53" height="0">
                <input type="button" name="six" value="   6   "
            onClick="shownumber('6')">
              </td>
              <td width="53" height="0"> <font color="#FFFFFF">
                <input type="button" name="times" value="   x   "
            onClick="showoperator('*')">
                </font></td>
            </tr>
            <tr>
              <td width="53" height="0">
                <input type="button" name="one" value="   1   "
            onClick="shownumber('1')">
              </td>
              <td width="53" height="0">
                <input type="button" name="two" value="   2   "
            onClick="shownumber('2')">
              </td>
              <td width="54" height="0">
                <input type="button" name="three" value="   3   "
            onClick="shownumber('3')">
              </td>
              <td width="72" height="0"> <font color="#FFFFFF">
                <input type="button" name="minus" value="    -   "
            onClick="showoperator('-')">
                </font></td>
            </tr>
            <tr>
              <td width="53" height="0">
                <input type="button" name="zero" value="   0   "
            onClick="shownumber('0')">
              </td>
              <td width="53" height="0"> </td>
              <td width="54" height="0">
                   <input type="button" value="    +   " name="plus"
            onClick="showoperator('+')">
              </td>
              <td width="72" height="0"> <font color="#FFFFFF">
                <input type="button" name="calculate" value="   =   "
            onClick="evalit()"
                </font></td>
                 <tr>
                <td> <input type="button" id="but1" value="On" onClick="enable();">  <input type="button" id="button2" value="Off">
             </td>
            </tr>
          </table>
        </td>
      </tr>
    </form>
</body>
</html>

Interest Calculator

Similar Tutorials

View Content

Need Help With Simple Calculator

Similar Tutorials

View Content

I have been having problems adding checkboxes and option selects in the same function..

Here's what I have.

Code:

  <script type="text/javascript">
        function bonuscalc() {
            var aaaa = document.getElementById("aaaa").value;
            var bbbb = document.getElementById("bbbb").value;
	    var cccc = document.getElementById("cccc").value;
	    if (dddd.checked){
		var dddd = document.dddd.value = 2;
		} 
		else {
		var dddd = document.dddd.value = 1;
		}
	    var eeee = document.getElementById("eeee").value;
            var bonus = aaaa* bbbb * dddd * cccc * eeee;
	    var roundbonus = Math.round(bonus*10)/10;
            
            document.getElementById("roundbonus").value = roundbonus;
        }

    </script>

Javascript first.. The part I'm not sure about is the if/else part for checbox.

Now the html:

Code:

<form action="" id="calc1">
<table width="100%">
<tbody>
<tr>
<td>A status:   <select id="aaaa">
      		 		<option value="1.1">A1</option>
        	    	        <option value="1.02">A2</option>
        			<option value="1">A3</option>
        			<option value="0.95">A4</option>
   				</select>  
</td>   
 <td>B status: <select id="bbbb">
                        <option value="1">0%</option>
                        <option value="0.99">1%</option>
                        <option value="0.98">2%</option>
                        <option value="0.97">3%</option>
                        <option value="0.96">4%</option>
                        <option value="0.95">5%</option>
                        <option value="0.94">6%</option>
                        <option value="0.93">7%</option>
                        <option value="0.92">8%</option>
                        <option value="0.91">9%</option>
                        <option value="0.90">10%</option> 
                      </select>    
</td>
            
<td>E status:<input id="eeee" type="text" />
</td>

<td>D status:   <input id="dddd" name="dddd" type="checkbox">
</td>
                
<td>C status:   <select id="cccc">
        	          <option value="1">No</option>
                          <option value="1.2">Yes</option>
   		        </select>
</td>
</tr>                          
<tr>
<td width="100%">
     <input type="button" value="Submit" onclick="bonuscalc()" />
     <br /> 
 Result: <input type="text" readonly="readonly" id="roundbonus" />
</td>
</tr>
</tbody>
</table>
</form>

I hope it's not too confusing.
The idea is to assign value 2 if the checkbox is checked and value 1 is it isn't..