|
JavaScript - Getting Golf Sign Program To Work.
I almost got part of this one program to work. It is of a golf sign with a golf ball moving across and landing in the word Golf into the "o"
When the ball lands in the o the sign of "your online source of golf equipment" appears after ball has landed and grows in size. right now the ball is what I have but I can not get my sign to appear. I use 2 external files I will post all the coding here here is my main file I worked on this is my golfpage.htm file Code: <html>
<head>
<!--
New Perspectives on JavaScript
Tutorial 4
Case Problem 1
The Golf Page
Author:
Date: 05 December 2010
Filename: golfpage.htm
Supporting files: ball.gif, clouds.jpg, golf.js, golfer.gif, styles.css
-->
<title>The Golf Page</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<script src="golf.js" type="text/javascript"></script>
<script type="text/javascript">
var x = new Array(-395, -389, -383, -377, -371, -365, -359, -353, -346,
-340, -334, -328, -322, -316, -310, -304, -297, -291, -285, -279, -273,
-267, -261, -255, -248, -242, -236, -230, -224, -218, -212, -206, -199,
-193, -187, -181, -175, -169, -163, -157, -150, -144, -138, -132, -126,
-120, -114, -108, -101, -95, -93, -91, -88, -86, -83, -81, -78, -76, -73,
-71, -69, -66, -64, -61, -59, -56, -54, -51, -49, -47, -44, -42, -39, -37,
-34, -32, -29, -27, -24, -22, -20, -17, -15, -12, -10, -7, -5, -2, 0);
var y = new Array(-300, -300, -300, -299, -298, -297, -296, -294, -292,
-290, -288, -285, -282, -279, -276, -272, -268, -264, -260, -255, -250,
-245, -240, -234, -228, -222, -216, -209, -202, -195, -188, -180, -172,
-164, -156, -147, -138, -129, -120, -110, -100, -90, -80, -69, -58, -47,
-36, -24, -12, 0, -5, -10, -14, -18, -22, -25, -29, -32, -34, -37, -39,
-41, -43, -45, -46, -47, -48, -48, -48, -48, -48, -48, -47, -46, -45, -43,
-42, -40, -37, -35, -32, -29, -26, -23, -19, -15, -11, -6, 0);
var index=0;
var lastindex=x.length-1;
// var fs=getFontSize("slogan");
function moveBall() {
if (index <= lastindex) {
placeIt("Ball", x[index], y[index]);
index++;
setTimeout("moveBall()", 5);
} else {
setFontSize("slogan", 25);
}
}
</script>
</head>
<body onload="moveBall()">
<div id="Golfer" ><img src="golfer.gif" width="40px" alt="" /></div>
<div id="Title">
THE G<div style="display: inline; position: relative; background-color: black;"
><img id="Ball" src="ball.gif" alt="O"
/></div>LF PAGE
</div>
<div id="box"
style="">
<span id="slogan">
Your Online Source of Golf Equipment
</span>
</div>
</body>
</html>
Here is one external file where I made some functions this is the golf.js file Code: New Perspectives on JavaScript
Tutorial 4
Case Problem 1
The Golf Page
Name:
Date: 05 december 2010
Function List:
placeIt(id, x, y)
Places the id object at the coordinates (x, y)
showIt(id)
Shows the id object by setting the object visibility to "visible"
getFontSize(id)
Retrieves the font size of the id object
setFontSize(id, fs)
Sets the font size of the id object to fs
changeFontSize(id, dfs)
Changes the font size of the id object by dfs
*/
function showIt(id) {
object=document.getElementById(id);
object.style.visibility="visible";
}
function placeIt(id, x, y) {
// Places the id object at the coordinates (x,y)
object = document.getElementById(id);
object.style.left = x + "px";
object.style.top = y + "px";
}
function getFontSize(id) {
// Returns the font size of the object with the value id
object = document.getElementById(id);
size = parseInt(object.style.fontSize);
return (size);
}
function setFontSize(id, ptsize) {
// Sets the font size of the object with the value id
object = document.getElementById(id);
object.style.fontSize = ptsize + "pt";
}
function changeFontSize(id, dfs) {
// Returns the font size of the object with the value id
fs = getFontSize(id);
setFontSize(id, fs + dfs);
}
Here is the styles.css page Code: /*
New Perspectives on JavaScript
Tutorial 4
Case Problem 1
Filename: styles.css
This file contains styles used in the golfpage.htm file
*/
body {font-family:Arial, Helvetica, sans-serif; font-size: 18pt;
color:blue; background-image: url(clouds.jpg)}
#Title {position: absolute; left:395px; top:260px}
#Ball {position:relative; top:0px; left:0px}
#Ball img {border-width: 0px}
#box {width:600px; height: 250px;
border-style:solid; border-width:1 4 4 1; border-color:blue;
background-color:rgb(0,255,0); text-align: center}
#slogan {visibility: hidden; position: relative; top: 50px;
color:black; font-family: Times New Roman, Times, serif;
font-style:italic; font-weight:bold}
What i am not able to get work i think is to call the changeFontSize() function to increase the size of the "sign" also an if statement to test value of fs variable is less then equal to 20 how do i get my sign to appear on the output? thanks Similar TutorialsHi, I'm very new to programming, and for practice I tried to build a program that calculates a golfer's handicap based on the course they played and their score on each hole. The program is designed to cap a golfer's score at 2 over par. For some reason, the program works when the hole scores are at least 2 over par, but not any other time. Would someone mind taking a look at the code below and letting me know where I went wrong? I appreciate the help! Code: //Program designed to calculate golf handicap
//based on couse and scores on every hole.
var course = prompt("What Course?");
if (course === "Seneca"){
var AB = prompt("Course A or B");
if (AB === "A" || AB === "a"){
var rating = 35.45;
var slope = 56.5;
var side = prompt("Front or Back");
if (side === "Front" || side === "front"){
var par1 = 4;
var par2 = 4;
var par3 = 5;
var par4 = 3;
var par5 = 4;
var par6 = 4;
var par7 = 4;
var par8 = 5;
var par9 = 3;}
else {
var par1 = 4;
var par2 = 4;
var par3 = 4;
var par4 = 3;
var par5 = 4;
var par6 = 4;
var par7 = 5;
var par8 = 3;
var par9 = 4;}
}
else {
var rating = 35.8;
var slope = 57;
var side = prompt("Front or Back");
if (side === "Front" || side === "front"){
var par1 = 4;
var par2 = 4;
var par3 = 5;
var par4 = 3;
var par5 = 4;
var par6 = 4;
var par7 = 4;
var par8 = 4;
var par9 = 4;}
else {
var par1 = 4;
var par2 = 3;
var par3 = 5;
var par4 = 4;
var par5 = 3;
var par6 = 4;
var par7 = 4;
var par8 = 4;
var par9 = 4;}
}
}
else {
alert("Check Spelling");}
//Asking for scores by hole.
var hole1 = prompt("Hole 1 score?");
var hole2 = prompt("Hole 2 score?");
var hole3 = prompt("Hole 3 score?");
var hole4 = prompt("Hole 4 score?");
var hole5 = prompt("Hole 5 score?");
var hole6 = prompt("Hole 6 score?");
var hole7 = prompt("Hole 7 score?");
var hole8 = prompt("Hole 8 score?");
var hole9 = prompt("Hole 9 score?");
//Capping hole scores at two over par.
if (hole1 >= par1 + 2){
var handiScore1 = par1 + 2;}
else {var handiScore1 = hole1;}
if (hole2 >= par2 + 2){
var handiScore2 = par2 + 2;}
else {var handiScore2 = hole2;}
if (hole3 >= par3 + 2){
var handiScore3 = par3 + 2;}
else {var handiScore3 = hole3;}
if (hole4 >= par4 + 2){
var handiScore4 = par4 + 2;}
else {var handiScore4 = hole4;}
if (hole5 >= par5 + 2){
var handiScore5 = par5 + 2;}
else {var handiScore5 = hole5;}
if (hole6 >= par6 + 2){
var handiScore6 = par6 + 2;}
else {var handiScore6 = hole6;}
if (hole7 >= par7 + 2){
var handiScore7 = par7 + 2;}
else {var handiScore7 = hole7;}
if (hole8 >= par8 + 2){
var handiScore8 = par8 + 2;}
else {var handiScore8 = hole8;}
if (hole9 >= par9 + 2){
var handiScore9 = par9 + 2;}
else {var handiScore9 = hole9;}
//Testing to make sure hole scores come through OK
console.log(hole1, hole2, hole3, hole4, hole5, hole6, hole7, hole8, hole9);
console.log(par1, par2, par3, par4, par5, par6, par7, par8, par9);
console.log(handiScore1, handiScore2, handiScore3, handiScore4, handiScore5, handiScore6, handiScore7, handiScore8, handiScore9);
//Calculating total score
var score = [handiScore1, handiScore2, handiScore3, handiScore4, handiScore5, handiScore6, handiScore7, handiScore8, handiScore9];
var total = 0;
for (var i=0; i < score.length; i++){
total += score[i];}
//Calculating handicap
var a = (total - rating);
var b = (a * 56.5);
var c = (b / slope);
console.log(c);
Hello all out there I am going to post this in 2 separate views. I am working on an assignment from this link http://books.google.ca/books?id=aG_T2aD ... MonthCell()&source=bl&ots=EJXyGF-tbI&sig=vbgqgua2uSaL6DWp0Rx_BYoZ0z8&hl=en&ei=9C7gTLmiAYaXnAeywLWRDw&sa=X&oi=book_result&ct=result&re snum=1&ved=0CBcQ6AEwAA#v=onepage&q=writeMonthCell()&f=false if u scroll down to case 1 is what I am working on included in the case are 2 other files as to the one i have to work on i used all the proper steps and instructions and i think I have the correcting coding for my form however my program still does not work here is the exact code i am using let me know if anyone sees any errors, as I am convinced i have it correct? Here is my code: <html> <head> <!-- New Perspectives on JavaScript Tutorial 3 Case Problem 1 The Lighthouse Author: John Res Date: November 14 2010 Filename: clist.htm Supporting files: lhouse.css, list.js, logo.jpg --> <title>The Lighthouse</title> <link href="lhouse.css" rel="stylesheet" type="text/css" /> <script type"text/javascript" src"list.js"></script> <script type="text/javascript"> function amountTotal() { // return sum of values to amount array total=0; for(var i=0; i<amount.length; i++) { // set variable to 0 total+=amount[i]; } return total; } </script> </head> <body> <div id="title"> <img src="logo.jpg" alt="The Lighthouse" /> The Lighthouse<br /> 543 Oak Street<br /> Delphi, KY 89011<br/> (542) 555-7511 </div> <div id="data_list"> <script type=”text/javascript”> // set up variables of rows and cellspaces document.write(“<table border=’1′ rules=’rows’ cellspacing=’0′>”); document.write(“<tr><th>Date</th><th>Amount</th><th>First Name</th>”); document.write(“<th>Last Name</th><th>Address</th></tr>”); for (i=0; i< amount.length; i++) { // create a loop in counter of variable starting at 0 and increase of 1 increments if (i%2==0) document.write(“<tr>”); else document.write(“<tr class=’yellowrow’>”); // have every row with a yellow background use a loop document.write(“<td>”+date[i]+”</td>”); document.write(“<td class=’amt’>”+amount[i]+”</td>”); // have values of the dates document.write(“<td>”+firstName[i]+”</td>”); document.write(“<td>”+lastName[i]+”</td>”); document.write(“<td>”); document.write(street[i]+”<br />”); document.write(city[i]+”, “+state[i]+” “+zip[i]); // zip arrays for address document.write(“</td>”); document.write(“</tr>”); } document.write(“</table>”); </script> </div> <div id="totals"> <script type=”text/javascript”> // use script elements in HTML document.write(“<table border=’1′ cellspacing=’1′>”); document.write(“<tr><th id=’sumTitle’ colspan=’2′>Summary</th></tr>”); document.write(“<tr><th>Contributors</th>”); document.write(“<td>”+amount.length+”</td></tr>”); document.write(“<tr><th>Amount</th>”); document.write(“<td>$”+amountTotal()+”</td></tr>”); document.write(“</table>”); </script> </div> </body> </html> thanks everyone hi people I'd need a program just in command prompt to post messages on server minecraft, possibly being able to automate this process every few time, should I use it for more players at a time, work done to pay 20 Euros or more p.s is nothing illegal The golf ball is supposedly to come out and bounce across the screen and land in the word golf. Code:
<html>
<head>
<!--
New Perspectives on JavaScript
Tutorial 4
Case Problem 1
The Golf Page
Author: Cheryl Ashworth
Date: July 12, 2010
Filename: golfpage.htm
Supporting files: ball.gif, clouds.jpg, golf.js, golfer.gif, styles.css
-->
<title>The Golf Page</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<script src="golf.js" type="text/javascript"></script>
<script type="text/javascript">
var x = new Array(-395, -389, -383, -377, -371, -365, -359, -353, -346,
-340, -334, -328, -322, -316, -310, -304, -297, -291, -285, -279, -273,
-267, -261, -255, -248, -242, -236, -230, -224, -218, -212, -206, -199,
-193, -187, -181, -175, -169, -163, -157, -150, -144, -138, -132, -126,
-120, -114, -108, -101, -95, -93, -91, -88, -86, -83, -81, -78, -76, -73,
-71, -69, -66, -64, -61, -59, -56, -54, -51, -49, -47, -44, -42, -39, -37,
-34, -32, -29, -27, -24, -22, -20, -17, -15, -12, -10, -7, -5, -2, 0);
var y = new Array(-300, -300, -300, -299, -298, -297, -296, -294, -292,
-290, -288, -285, -282, -279, -276, -272, -268, -264, -260, -255, -250,
-245, -240, -234, -228, -222, -216, -209, -202, -195, -188, -180, -172,
-164, -156, -147, -138, -129, -120, -110, -100, -90, -80, -69, -58, -47,
-36, -24, -12, 0, -5, -10, -14, -18, -22, -25, -29, -32, -34, -37, -39,
-41, -43, -45, -46, -47, -48, -48, -48, -48, -48, -48, -47, -46, -45, -43,
-42, -40, -37, -35, -32, -29, -26, -23, -19, -15, -11, -6, 0);
var index=0;
function moveBall()
{
if (index<=x.length-1) <!-- length check -->
{
placeIt("Ball", x[index], y[index]);
index++;
setTimeout("moveBall()",5)
}
else
{
showIt("Slogan");
}
</script>
<!-- External Javascripts -->
<script src="Golf.js"></script>
</HEAD>
<!-- Body -->
<BODY onLoad="moveBall()">
<!-- Title -->
<DIV ID="Title"
STYLE="padding-left:395;padding-top:260;padding-bottom:0;
border-style:solid; border-width:1 3 3 1; border-color:blue;
background-color:rgb(0,255,0)">
THE G<SPAN ID="Ball"STYLE="position:relative;left:0;top:0"><IMG SRC="Ball.gif" BORDER=0></SPAN>LF PAGE
</DIV>
<!-- Slogans -->
<DIV ID="Slogan"
STYLE="color:black; font-family: Times New Roman, Times, serif;
font-style:italic; font-weight:bold; position:absolute; left:120; top:100; z-index:2;visibility:hidden">
Your Online Source of Golf Equipment
</DIV>
<DIV ID="Slogan2"
STYLE="color:white; font-family: Times New Roman, Times, serif;
font-style:italic; font-weight:bold; position:absolute; left:121; top:101; z-index:1;visibility:hidden">
Your Online Source of Golf Equipment
</DIV>
<!-- End -->
</BODY>
</HTML>
*/ JS Script Code: Function List:
placeIt(id, x, y)
Places the id object at the coordinates (x, y)
showIt(id)
Shows the id object by setting the object visibility to "visible"
getFontSize(id)
Retrieves the font size of the id object
setFontSize(id, fs)
Sets the font size of the id object to fs
changeFontSize(id, dfs)
Changes the font size of the id object by dfs
*/
function placeIt(id, x, y) {
// Places the id object at the coordinates (x,y)
object=document.getElementById(id);
object.style.left=x+"px";
object.style.top=y+"px";
}
function getFontSize(id) {
// Returns the font size of the object with the value id
object=document.getElementById(id);
size=parseInt(object.style.fontSize);
return(size);
}
function setFontSize(id, ptsize) {
// Sets the font size of the object with the value id
object=document.getElementById(id);
object.style.fontSize = ptsize + "pt";
}
function changeFontSize(id, dfs) {
// Returns the font size of the object with the value id
fs = getFontSize(id);
setFontSize(id, fs+dfs);
}CSS
*/ Code: This file contains styles used in the golfpage.htm file Code:
body {font-family:Arial, Helvetica, sans-serif; font-size: 18pt;
color:blue; background-image: url(clouds.jpg)}
#Title {position: absolute; left:395px; top:260px}
#Ball {position:relative; top:0px; left:0px}
#Ball img {border-width: 0px}
#box {width:600px; height: 250px;
border-style:solid; border-width:1 4 4 1; border-color:blue;
background-color:rgb(0,255,0); text-align: center}
#slogan {visibility: hidden; position: relative; top: 50px;
color:black; font-family: Times New Roman, Times, serif;
font-style:italic; font-weight:bold}
*/ I have this stableford point counter which works perfect, but... I also wants to make one for modyfied stableford... A little explanation is in order. Stableford is a point system for golfers depending on how good they are and how difficult a course is. So a par4 hole should if you are Tiger Woods be played in 4 strokes, and that would give him 2 points, but... A player can be awarded extra strokes to a hole depending on there handicap, so if a player has been awarded 1 extra hole, this players par would be 5 and that would give him 2 points. If he uses 1 stroke less (4) he would get 3 points and so on, and if uses 1 stroke more (6) he would get 1 point and 2+ strokes more (7) he would get 0 point. For this I have this script: Code: function stableford_calc(){
var holes_par = new Array(<? echo $p1.",".$p2.",".$p3.",".$p4.",".$p5.",".$p6.",".$p7.",".$p8.",".$p9.",".$p10.",".$p11.",".$p12.",".$p13.",".$p14.",".$p15.",".$p16.",".$p17.",".$p18; ?>); // Par //
var holes_si = new Array(<? echo $h1.",".$h2.",".$h3.",".$h4.",".$h5.",".$h6.",".$h7.",".$h8.",".$h9.",".$h10.",".$h11.",".$h12.",".$h13.",".$h14.",".$h15.",".$h16.",".$h17.",".$h18; ?>); // HCP Key //
var hcap = validNum(document.form2.strokecount.value); // Number of extra strokes //
for (i=0; i<=17; i++) {
var shots = validNum(document.form2["stroke"+i].value); // Actual strokes //
var par = holes_par[i];
var si = holes_si[i];
var maxallow = 0;
if (hcap < 0) {
var diff = hcap + 18;
maxallow = (diff >= si) ? 0 : -1;
} else if (hcap > 72) {
var diff = hcap - 72;
maxallow = (diff >= si) ? 5 : 4;
} else if (hcap > 54) {
var diff = hcap - 54;
maxallow = (diff >= si) ? 4 : 3;
} else if (hcap > 36) {
var diff = hcap - 36;
maxallow = (diff >= si) ? 3 : 2;
} else if (hcap > 18) {
var diff = hcap - 18;
maxallow = (diff >= si) ? 2 : 1;
} else {
maxallow = (hcap >= si) ? 1 : 0;
}
var score = shots - maxallow;
var points = (par - score) + 2;
if (points < 0) points = 0;
if ((document.form2["stroke"+i].value== "") || (document.form2["stroke"+i].value== 0)) {
document.form2["p"+i].value="0";
} else {
document.form2["p"+i].value = points;
}
/*if (document.form2["stroke"+i].value===''){
document.form2["p"+i].value="0"
} else {
document.form2["p"+i].value = points;
}*/
}
var i,a=[];
for (i=0; i<=17; i++){
a[i]=validNum(document.form2["p"+i].value);
}
var st_out = a[0] + a[1] + a[2] + a[3] + a[4] + a[5] + a[6] + a[7] + a[8];
var st_in = a[9] + a[10] + a[11] + a[12] + a[13]+ a[14] + a[15] + a[16] + a[17];
document.form2.p_out.value = st_out;
document.form2.p_in.value = st_in;
document.form2.p_total.value = st_out + st_in;
}
Now, in modyfied stableford its a bit different. If a player uses his awarded amount of strokes + the holes par he would get 0 point. If he uses a stroke less (birdie) he would get 2 point. 2 strokes less (eagle) 5 points and 3+ strokes less (albatros) 8 points. If he uses 1 stroke more (bogey) he would get -1 point and 2+ strokes more -3 point... I would think that I could reuse the most of the above script, but not sure how to get the points in the right place... Hope this makes some sense, and apreciates any kind of help... So how do add a dollar sign the the front of total?? Code: total = round_decimals(order_total, 2) total = "$" + total; hi. i know php but learning javascript. can anybody give me a reason why i might not wanna use the php practice of beginning every variable_name with a dollar-sign: $variable_name??? i am just accustomed to seeing my variables beginning with a dollar_sign. Thanks. I really don't know what I am doing, but I need to know how to alter this script to load this website without having to click "Weathersentry online". I would like to double click on the icon the code is attached to and it sign in automatically. Can anyone help? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Sample Signin link WeatherSentry Online</title> </head> <body> <form id="DTNSigninForm" action="http://weather.dtn.com/dtnweather/common/signin.do" style="margin: 0,0,0,0;" > <a onclick='document.getElementById("DTNSigninForm").submit();return false;' href="javascript:void(0);">WeatherSentry Online</a> <input type="hidden" name="username" value="username" /> <input type="hidden" name="password" value="password" /> <input type="hidden" name="autoLogin" value="true" /> </form> </body> </html> Hello all, Please I need help, I have a php form with different fileds. I have a field called description. The description field should only contains pure text, no numbers, but my users are entering phone numbers and email addresses into this field despite to the fact that there is already dedicated fileds for email and phone. What I want is a javascript funtion or php function that will automatically delete the numbers or @ from the field or prevent entering numbers and @ signs on this particular field. Many thanks in advance for your help. Hello! Looking for some help/advice please. Imagine a wife has signed on to a web site in a browser tab. She does not sign off and walks away to do something else. Her husband sits at the computer and seeing her signed on, opens a new tab and tries to sign on to the same site. I am trying to write a script that will close other tabs/windows when the husband goes to the same site to sign on. So, on the sign on page (or even better, the sign off page), when the sign on button is clicked, a piece of Javascript code is run first. The javascript simply goes through all tabs on the browser, and checks to see if any such tabs has an HTML document that came from the same domain as the sign on page. If such tabs exist, then before POSTing the user name and password to the server, the Javascript code will close those tabs that contain HTML documents came from the same domain. So, I understand I need to set the window.name to a specific value. But does anyone know what the code on the sign on/sign off page to close the other tabs/windows would look like? Thanks so much for any and all help. Hello everyone. This is my first program. According to the idea of a program that calculates the sum of savings with the bank interest rates that is paid each year. And I put one amount every month. The question is very simple why full = 0? Code: var years = prompt("How many years will accumulate?)");
var prec = prompt("And how many % bank give?");
var income = prompt("How many you will put off in bank?");
var num = 12;
var full = 0;
months=years*num;
console.log("Altogether we get " + years + " years and " + months + " months.")
for (var month = 0; month == months; month++) {
if (month % num == 0) {
full = full + income + (full*prec/100);
} else {
full = full + income;
}
}
console.log("Total accumulated =" + full);
Reply With Quote 01-24-2015, 04:37 PM #2 leonfresh View Profile View Forum Posts New to the CF scene Join Date Jan 2015 Posts 8 Thanks 0 Thanked 0 Times in 0 Posts var full = 0 declares the variable as an integer variable. it's important to do so to avoid declaration errors. Reply With Quote 01-24-2015, 05:09 PM #3 jmrker View Profile View Forum Posts Senior Coder Join Date Aug 2006 Location FL Posts 3,175 Thanks 39 Thanked 510 Times in 504 Posts You have a logic problem. Try... Code: for (var month = 0; month<months; month++) {
Also note that your logic applies the full percentage at the 1st month of the loan/deposit. Is this what your really intended? Reply With Quote Users who have thanked jmrker for this post: Nadir+ (01-24-2015) 01-24-2015, 06:28 PM #4 Nadir+ View Profile View Forum Posts New to the CF scene Join Date Jan 2015 Posts 6 Thanks 1 Thanked 0 Times in 0 Posts i catch another problem, when i change this Code: for (var month = 0; month == months; month++) {
on this, Code: for (var month = 0; month<months; month++) {
program started work. But in rusults see this . Code: Altogether we get 1 years and 12 months. Total accumulated =01000100100100100100100100100100100100 all code there Code: var years = prompt("How many years will accumulate?)");
var prec = prompt("And how many % bank give?");
var income = prompt("How many you will put off in bank?");
var num = 12;
var full = 0;
months=years*num;
console.log("Altogether we get " + years + " years and " + months + " months.")
for (var month = 0; month < months; month++) {
if (month % num == 0) {
full = full + income + (full*prec/100);
} else {
full = full + income;
}
}
console.log("Total accumulated =" + full);
Reply With Quote 01-24-2015, 06:39 PM #5 Nadir+ View Profile View Forum Posts New to the CF scene Join Date Jan 2015 Posts 6 Thanks 1 Thanked 0 Times in 0 Posts i realized something if i delete var income and just put in its place 100, program work almost normal. Code: Altogether we get 2 years and 24 months. main.js:17 Total accumulated =2520 But if i write 1 year it dont work,how can i fix it? Code: Altogether we get 1 years and 12 months. main.js:17 Total accumulated =1200 Reply With Quote 01-24-2015, 09:42 PM #6 Old Pedant View Profile View Forum Posts Supreme Master coder! Join Date Feb 2009 Posts 28,310 Thanks 82 Thanked 4,754 Times in 4,716 Posts The value you get from a call to prompt() is *ALWAYS* a string. When you use the + operator with a string, it does *NOT* do addition; it does string concatenation. You just need to convert all those prompt() results to numbers: Code: var years = Number( prompt("How many years will accumulate?") );
var prec = Number( prompt("And how many % bank give?") );
var income = Number( prompt("How many you will put off in bank?") );
Also, you need to do Code: for (var month = 0; month <= months; month++) {
else you will only do (for example) up to month 23 when the user asks for 2 years. Be aware that prompt() and confirm() and console.log() are considered VERY obsolete and should only be used for debugging purposes, not for real web code. I have an assignment to create a program in JS but I have not read JS much more. So, for this assignment, can anyone help me to solve this assignment? Check attachment. Uploaded with ImageShack.us I need a count down clock that will count down 18 minutes and reset itself at the end. also i need a counter that increases by +1 every 18 minutes starting at 0. thankyou This is my code from prelim to finals. The missing part here is when the input is less than or equal to 65 and greater than 100, the prompt will say INVALID ENTRY. However, after it says Invalid Entry, it must ask you to enter again an Entry until you input a valid entry. It must be terminated after you input from prelim to finals either 0,20,30,40 or after you input a valid entry and after the program calculated it. My program does not terminate after I input valid entries. It just continue to ask grade again and again even it already calculated the grades. I don't know how will I put those code inside the program. I'm getting really confused. Code: <html>
<head>
<title>Web Programming Laboratory Exam</title>
</head>
<body>
<script language="JavaScript">
do
{
{
var pg=prompt('Enter Prelim Grade','0');
if(pg==0)
{
alert('No Grade');
document.write('<br>Prelim Grade is '+pg);
}
else if(pg==20)
{
alert('Not Attending');
document.write('<br>Prelim Grade is '+pg);
}
else if(pg==30)
{
alert('Dropped');
document.write('<br>Prelim Grade is '+pg);
}
else if(pg==40)
{
alert('Incomplete');
document.write('<br>Prelim Grade is '+pg);
}
else
document.write('Prelim Grade is '+pg);
var mg=prompt('Enter Midterm Grade','0');
}
{
if(mg==0)
{
alert('No Grade');
document.write('<br>Midterm Grade is '+mg);
}
else if(mg==20)
{
alert('Not Attending');
document.write('<br>Midterm Grade is '+mg);
}
else if(mg==30)
{
alert('Dropped');
document.write('<br>Midterm Grade is '+mg);
}
else if(mg==40)
{
alert('Incomplete');
document.write('<br>Midterm Grade is '+mg);
}
else
document.write('</br>Midterm Grade is '+mg);
var fg=prompt('Enter Final Grade','0');
}
{
if(fg==0)
{
alert('No Grade');
document.write('<br>Final Grade is '+fg);
}
else if(fg==20)
{
alert('Not Attending');
document.write('<br>Final Grade is '+fg);
}
else if(fg==30)
{
alert('Dropped');
document.write('<br>Final Grade is '+fg);
}
else if(fg==40)
{
alert('Incomplete');
document.write('<br>Final Grade is '+fg);
}
else
{
document.write('</br>Final Grade is '+fg);
sg=((pg*.3)+(mg*.3)+(fg*.4));
document.write('<br>Your Semestral Grade is '+sg);
}
}
if (sg>=74.5)
{
document.write('<br>Remarks: Passed');
document.write('</br>This Program is developed by -k3nN');
}
else
if (sg<74.5)
{
document.write('<br>Remarks:Failed');
document.write('</br>This Program is developed by -k3nN');
}
}
while (sg>=74.5|sg<74.5)
{
document.write('</br>Thanks')
}
</script>
</body>
</html>
Hi there, I would like to allow the "+" sign in my 3 textboxes. When the user does not put the "+" sign in the textboxes, and it is being validated, the system will allow it to pass. Also, it must check that it has at least 8 digits. 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>
<title>Untitled Page</title>
<link rel="stylesheet" type="text/css" href="CSS files/specialAlignment.css" />
<link rel="stylesheet" type="text/css" href="CSS files/externalCSS.css"/>
<script language = "javascript" type = "text/javascript">
function check()
{
var fields = new Array("Office Telephone", "Mobile Telephone","Fax Number");
var telnr = /(^[\+]?[\d]{8,20}$)/;
var index = new Array();
for(var i = 0; i < fields.length; i++)
{
var arrayFields = document.getElementsByName(fields[i]);
for(var j = 0; j < arrayFields.length; j++)
if(!(arrayFields[j].value) == "")
{
arrayFields[j].className = "defaultColor";
}
else
{
arrayFields[j].className ="changeToRed";
index.push(fields[i]);
}
}
if(index != 0)
{
joinComma = index.join(', ');
alert('The field(s) corresponding to '+ joinComma + ' is/are not filled in.');
}
}
function noSpace(e, dec)
{
var key;
var keychar;
if (window.event)
{
key = window.event.keyCode;
}
else if (e)
{
key = e.which;
}
else
{
return true;
}
keychar = String.fromCharCode(key);
if ((key==null) || (key==0) || (key==8) || (key==9) || (key==13) || (key==27) /*|| (key==107)*/)
{
return true;
}
else if ((("0123456789").indexOf(keychar) > -1)&& check(telnr.test(tfld)))
{
return true;
}
else if (dec && (keychar == "."))
{
return true;
}
else
return false;
}
</script>
</head>
<body>
<label>
*Office Telephone:</label>
<input id="Text16" type="text" name="Office Telephone" onkeydown="return noSpace(event)" />
<br />
<br />
<label>
*Mobile Telephone:</label>
<input id="Text17" type="text" name="Mobile Telephone" onkeydown="return noSpace(event)" /><br />
<br />
<label>
*Fax Number:</label>
<input id="Text18" type="text" name="Fax Number" onkeydown="return noSpace(event)" />
<br />
<br />
<input id="Submit17" type="submit" value="Submit" onclick="return check()"/>
</body>
</html>
Hello people CF, I need some help with this Javascipt program that im trying to make. Ill provide you with the algorithm i have made and the javascript code. I only know basic javascripting and i had a lot of help with this. I need help getting the javascript code for comparing last date modified, renaming the copied file with last date modified, also i can get it to copy 1 file, but i need it to loop through all the files in the given folder. Algorithm Code: // get source and destination folder path // check if folder exists // if source folder exists, continue with the process, otherwise display an error message // if destination folder exists, proceed with transferring the files // get the file collections in the source folder // loop through each file to check if the file has been modified // if the file exists, check file attributes to the source file; 32 means file has changed // if file has changed, // compare the last date modified of the source and destination file // if the source last date modified is greater than the destination last date modified then // rename the destination file by appending the last date modified // to its file name and then transfer the lastest file from the source folder // otherwise, no need to copy the file and move to the next file // otherwise, do nothing and move on to the next file // otherwise, create a folder first before proceeding with transferring the files I had a lot of help with this Code: <HTML>
<HEAD>
<TITLE>FileSystem Object Demo</TITLE>
<SCRIPT> Language = "JavaScript">
<!--hide from old browsers
function checkExistingFolder(folder)
{
var FS = new ActiveXObject("Scripting.FileSystemObject");
return FS.FolderExists(folder);
}
function createFolder(folder)
{
var FS = new ActiveXObject("Scripting.FileSystemObject");
FS.createFolder(folder);
document.write ("<BR>New folder created.");
}
function copyFile(source, dest)
{
var FS = new ActiveXObject("Scripting.FileSystemObject");
FS.copyFile(source + "\\Test.txt", dest + "\\Test.txt");
document.write ("<BR>File Copied.");
}
function runProgram ()
{
var from = document.getElementById('from').value;
var to = document.getElementById('to').value;
var isExist = checkExistingFolder(to);
alert(isExist);
if(isExist)
document.write("Folder Exists, checking last date modified........");
else
{
document.write("Folder doesn't exist.");
createFolder(to);
}
copyFile(from, to);
}
// -->
</SCRIPT>
</HEAD>
<BODY background="1330843076080.jpg">
<CENTER>
<H1>FileSystem Object Demo</H1>
FROM: <input type="text" id="from" value=""/>
TO: <input type="text" id="to" value="d:\\test"/>
<input type="button" onClick="runProgram()" value="Transfer Files"/>
<SCRIPT LANGUAGE = "JavaScript">
<!--hide from old browsers
// -->
</SCRIPT>
</CENTER>
</BODY>
</HTML>
im looking to make a program for my site to where somebody can type something in and it will go onto a image like a userbar and then they can save that image with the txt the choose to go over it, does anybody have any advice for me to use? I'm very new at Javascript and writing programs so I'm not sure if this is even possible to do. I want to write a program that allows someone to select four tasks from a dropdown menu. The tasks are each 1 hour long. I want the program to calculate the number of hours and display that information below the tasks. I also want the person to be able to add or remove tasks. I get how to save tasks and display the results but I don't know how to calcuate the number of hours. Any suggestions? Here is what I have so far: Code: <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Four Tasks</title>
<style>
body {
background-color:silver;
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
}
h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.4em;
}
</style>
<script>
function storeTask(task) {
var taskDetail = document.getElementById(task).value;
localStorage.setItem(task, taskDetail);
}
function getTask(task) {
document.getElementById(task).value = localStorage.getItem(task);
}
function clearTask(task) {
localStorage.removeItem(task);
document.getElementById(task).value="";
}
function displayTasks() {
outputResults = document.getElementById("Results");
outputResults.innerHTML =
'Task 1: ' + localStorage.getItem('task1') + '<br />' +
'Task 2: ' + localStorage.getItem('task2') + '<br />' +
'Task 3: ' + localStorage.getItem('task3') + '<br />' +
'Task 4: ' + localStorage.getItem('task4') + '<br />' +
'';
}
</script>
</head>
<body>
<table width="100%">
<tr>
<td valign="top">
<div id="outer">
<h1>Four Tasks</h1>
My To Do List:
<br><br>
Task 1:
<select id="task1">
<option>Laundry</option>
<option>Cooking</option>
<option>Dishes</option>
<option>Water Plants</option>
<input type="button" value="Save" onclick="storeTask('task1');">
<input type="button" value="Clear" onclick="clearTask('task1');">
<br><br>
Task 2:
<select id="task2">
<option>Laundry</option>
<option>Cooking</option>
<option>Dishes</option>
<option>Water Plants</option>
<input type="button" value="Save" onclick="storeTask('task2');">
<input type="button" value="Clear" onclick="clearTask('task2');">
<br><br>
Task 3:
<select id="task3">
<option>Laundry</option>
<option>Cooking</option>
<option>Dishes</option>
<option>Water Plants</option>
<input type="button" value="Save" onclick="storeTask('task3');">
<input type="button" value="Clear" onclick="clearTask('task3');">
<br><br>
Task 4:
<select id="task4">
<option>Laundry</option>
<option>Cooking</option>
<option>Dishes</option>
<option>Water Plants</option>
<input type="button" value="Save" onclick="storeTask('task4');">
<input type="button" value="Clear" onclick="clearTask('task4');">
</div>
</td>
<td valign="top">
My Tasks:
<br>
<input type="button" value="Display tasks" onclick="displayTasks();">
<div id="Results"></div>
</td>
</tr>
</table>
</body>
</html>
Im writing this code for a gas station program. I have been writing and improving my code for about 3 weeks now and its quite long. I have about classes , customer class, office class and a gas pumps classes. I need help on how to get started on finding the total output at the end of the day. Conceptually i know what i have to do but I don't know where to begin writing the code. I think each time there is a new customer i should add the amount of fuel purchased to a new total fuel purchases variable in the gas pump class. If any one could give me some advice or tips on my theory it would be great ! Should I create a method or can i be done without one. Code: import java.util.Random;
import java.util.Scanner;
public class Customer
{
private String carTag;
private double gasPurchased;
private int gasType;
public Customer ()
{
Random gen = new Random ( );
carTag = "";
for (int i = 1; i <= 6; i++)
{
//a random number between 48 and 90
int code = gen.nextInt (43)+ 48;
if ((code <= 64) && (code >= 58))
{
i--;
continue;
}
carTag += ((char)(code));
}
System.out.println ("a car arrives; tag number:" + carTag);
}
public int getGasType ()
{
Scanner inputDevice = new Scanner (System.in);
//1:regular, 2:plus, 3:premium
System.out.println ("enter type of gas to buy " +
"(1:regular, 2:plus, 3:premium): ");
gasType = inputDevice.nextInt ();
return gasType;
}
public double getGasPurchased ()
{
Random gen = new Random ();
gasPurchased = gen.nextDouble ()* 50;
return gasPurchased;
}
public String getCarTag ()
{
return carTag;
}
Code: import java.util.Random;
public class Office
{
public static void main (String [ ] args)
{
double regularTank = 1000;
double plusTank = 1000;
double primiumTank = 1000;
GasPump pump1 = new GasPump ( );
GasPump2 pump2 = new GasPump2 ( );
Random gen = new Random ();
//asuumint gas tanks always have gas, will upgrade later
do
{
int whatHappens = gen.nextInt (100);
if (whatHappens == 5)
{
System.out.println ("gas station closed");
break;
}
else if ((whatHappens % 10) == 0)
{
if (pump1.pumpAvailable ())
pump1.customerArrival ();
else
System.out.println ("a new customer arrives at pump 1, but is turned away, gas pump is busy");
}
else
{
if (pump1.pumpAvailable ())
System.out.println ("no customer; waiting.........");
}
if (!pump1.pumpAvailable())
{
if (pump1.updateClock () == 0)
pump1.saleComplete ();
}
} while (true);
do
system.exit ()
Code: public class GasPump
{
final private double REGULAR_PRICE = 3.15;
final private double PLUS_PRICE = 3.5;
final private double PREMIUM_PRICE = 4.5;
final private double HOSE_FLOW_RATE = 0.85;
private double totalPayment;
private Customer who;
private int timeLeftToFinish;
private int gasType;
private double gasPurchased;
private String carTag;
public GasPump ()
{
who = null;
totalPayment = 0;
timeLeftToFinish = 0;
}
public void customerArrival ()
{
who = new Customer ();
System.out.println ("welcome to jack's gas station PUMP 1 ");
gasType = who.getGasType ();
gasPurchased = who.getGasPurchased ();
timeLeftToFinish = (int)(gasPurchased/HOSE_FLOW_RATE);
System.out.println (timeLeftToFinish + " total time units needed for this transaction...");
carTag = who.getCarTag ();
}
private void printReceipt ( )
{
System.out.println ("****Sale Receipt");
switch (gasType)
{
case 1: System.out.println ("regular gas"); break;
case 2: System.out.println ("plus gas"); break;
case 3: System.out.println ("premium gas"); break;
}
System.out.println ("gas amount: " + gasPurchased +
"\ntotal payment" + totalPayment + "\nthank you");
System.out.println("Pump has " + regularTank());
}
private void resetPump ( )
{
who = null;
totalPayment = 0;
timeLeftToFinish = 0;
}
public int updateClock ()
{
timeLeftToFinish--;
System.out.println (timeLeftToFinish + " time units left to finish ");
return timeLeftToFinish;
}
public void saleComplete ( )
{
switch (gasType)
{
case 1: totalPayment = REGULAR_PRICE * gasPurchased; break;
case 2: totalPayment = PLUS_PRICE * gasPurchased; break;
case 3: totalPayment = PREMIUM_PRICE * gasPurchased; break;
}
printReceipt ( );
resetPump ( );
}
public boolean pumpAvailable ()
{
return (who == null);
}
}
I wrote about this script a couple weeks ago. I stopped working on it, and just got on it today. Question, what's the easiest way to have it so Monday, tuesday, Wednesday, etc and then the total amount of hours gets added. Code: <html>
<head>
<script language="JavaScript" src="gen_validatorv5-.js"
type="text/javascript" xml:space="preserve"></script>
<script type="text/javascript">
function calc(nForm){
var inHour =parseInt( nForm.inHr.value)
var inMinutes = parseInt( nForm.inMin.value);
var lunchOutHour = parseInt(nForm.lunchOutHr.value);
var lunchOutMinutes = parseInt( nForm.lunchOutMin.value);
var lunchInHour = parseInt( nForm.lunchInHr.value);
var lunchInMinutes = parseInt( nForm.lunchInMin.value);
var outHour = parseInt( nForm.outHr.value);
var outMinutes = parseInt( nForm.outMin.value);
var linearInTime = 60*(inHour)+(inMinutes);
var linearLunchOutTime = 60*(lunchOutHour)+(lunchOutMinutes);
var linearLunchInTime = 60*(lunchInHour)+(lunchInMinutes);
var linearOutTime = 60*(outHour)+(outMinutes);
var workDay = linearOutTime-linearInTime;
var lunchPeriod = linearLunchInTime-linearLunchOutTime;
var linearMinutesWorked = workDay-lunchPeriod;
var hoursWorked = parseInt(linearMinutesWorked/60);
var minutesWorked = linearMinutesWorked-(hoursWorked*60)
if (hoursWorked < 10){hoursWorked = "0"+hoursWorked}
if (minutesWorked < 10){minutesWorked = "0"+minutesWorked}
nForm.timeWorked.value = hoursWorked+":"+minutesWorked;
}
</script>
</head>
<body>
<div align="center">
<h1>
<script src='scripts/gen_validatorv5.js' type='text/javascript'></script>
<script src='scripts/sfm_moveable_popup.js' type='text/javascript'></script>
<style type='text/css'>
.error_strings
{
font-family:Verdana;
font-size:10px;
color:#660000;
}
.sfm_float_error_box
{
position:absolute;
z-index:999;
cursor:default;
font-family:Verdana;
font-size:10px;
color:#660000;
background-color:#ffff66;
border-style:solid;
border-width:1px;
border-color:#660000;
}
.sfm_float_box_td
{
padding:3px;
cursor:default;
font-family:Verdana;
font-size:10px;
color:#660000;
background-color:#ffff66;
}
.sfm_close_box
{
font-family:Verdana;
font-size:10px;
font-weight:bold;
color:#ffffff;
background-color:#660000;
border-width:0px;
text-align:center;
}
.sfm_cr_box
{
font-family:Verdana;
font-size:10px;
color:#888888;
border-style:solid;
border-width:0px;
border-color:#660000;
}
.sfm_cr_box a
{
color:#888888;
}
</style>
Masquerade Timesheet Entry</h1>
</div>
<div id='timeSheet_errorloc' class='error_strings' style=''></div>
<form name='timeSheet'>
<table width="833" height="244" border="1" align="center">
<tr>
<td width="266"><p align="left">Monday :</p>
Clock In:
<label>
<input name="inHr" type="text" id="inHr" size="10" maxlength="2">
</label>
 
<label>
<input name="inMin" type="text" id="inMin" size="10" maxlength="2">
</label>
<br>
Lunch Out:
<label>
<input name="lunchOutHr" type="text" id="lunchOutHr" size="10" maxlength="2">
</label>
 
<label></label>
<input name="lunchOutMin" type="text" id="lunchOutMin" size="10" maxlength="2">
<br>
Lunch In:
<label>
<input name="lunchInHr" type="text" id="lunchInHr" size="10" maxlength="2">
</label>
 
<label>
<input name="lunchInMin" type="text" id="lunchInMin" size="10" maxlength="2">
</label>
<br>
Clock Out:
<label>
<input name="outHr" type="text" id="outHr" size="10" maxlength="2">
</label>
 
<label>
<input name="outMin" type="text" id="outMin" size="10" maxlength="2">
</label>
<p>Time Worked:
<input type='text' name='timeWorked' size='5' readonly>
</p></td>
<td width="269"><p>Tuesday:</p>
<p>Clock In:
<label>
<input name="inHr2" type="text" id="inHr2" size="10" maxlength="2">
</label>
 
<label>
<input name="inMin2" type="text" id="inMin2" size="10" maxlength="2">
</label>
<br>
Lunch Out:
<label>
<input name="lunchOutHr2" type="text" id="lunchOutHr2" size="10" maxlength="2">
</label>
 
<label></label>
<input name="lunchOutMin2" type="text" id="lunchOutMin2" size="10" maxlength="2">
<br>
Lunch In:
<label>
<input name="lunchInHr2" type="text" id="lunchInHr2" size="10" maxlength="2">
</label>
 
<label>
<input name="lunchInMin2" type="text" id="lunchInMin2" size="10" maxlength="2">
</label>
<br>
Clock Out:
<label>
<input name="outHr2" type="text" id="outHr2" size="10" maxlength="2">
</label>
 
<label>
<input name="outMin2" type="text" id="outMin2" size="10" maxlength="2">
</label>
</p>
<p>Time Worked:
<input type='text' name='timeWorked2' size='5' readonly>
</p></td>
<td width="276"><p>Wednesday:</p>
<p>Clock In:
<label>
<input name="inHr3" type="text" id="inHr3" size="10" maxlength="2">
</label>
 
<label>
<input name="inMin3" type="text" id="inMin3" size="10" maxlength="2">
</label>
<br>
Lunch Out:
<label>
<input name="lunchOutHr3" type="text" id="lunchOutHr3" size="10" maxlength="2">
</label>
 
<label></label>
<input name="lunchOutMin3" type="text" id="lunchOutMin3" size="10" maxlength="2">
<br>
Lunch In:
<label>
<input name="lunchInHr3" type="text" id="lunchInHr3" size="10" maxlength="2">
</label>
 
<label>
<input name="lunchInMin3" type="text" id="lunchInMin3" size="10" maxlength="2">
</label>
<br>
Clock Out:
<label>
<input name="outHr3" type="text" id="outHr3" size="10" maxlength="2">
</label>
 
<label>
<input name="outMin3" type="text" id="outMin3" size="10" maxlength="2">
</label>
</p>
<p>Time Worked:
<input type='text' name='timeWorked3' size='5' readonly>
</p></td>
</tr>
<tr>
<td><p>Thursday:</p>
<p>Clock In:
<label>
<input name="inHr4" type="text" id="inHr4" size="10" maxlength="2">
</label>
 
<label>
<input name="inMin4" type="text" id="inMin4" size="10" maxlength="2">
</label>
<br>
Lunch Out:
<label>
<input name="lunchOutHr4" type="text" id="lunchOutHr4" size="10" maxlength="2">
</label>
 
<label></label>
<input name="lunchOutMin4" type="text" id="lunchOutMin4" size="10" maxlength="2">
<br>
Lunch In:
<label>
<input name="lunchInHr4" type="text" id="lunchInHr4" size="10" maxlength="2">
</label>
 
<label>
<input name="lunchInMin4" type="text" id="lunchInMin4" size="10" maxlength="2">
</label>
<br>
Clock Out:
<label>
<input name="outHr4" type="text" id="outHr4" size="10" maxlength="2">
</label>
 
<label>
<input name="outMin4" type="text" id="outMin4" size="10" maxlength="2">
</label>
</p>
<p>Time Worked:
<input type='text' name='timeWorked4' size='5' readonly>
</p></td>
<td><p>Friday:</p>
<p>Clock In:
<label>
<input name="inHr5" type="text" id="inHr5" size="10" maxlength="2">
</label>
 
<label>
<input name="inMin5" type="text" id="inMin5" size="10" maxlength="2">
</label>
<br>
Lunch Out:
<label>
<input name="lunchOutHr5" type="text" id="lunchOutHr5" size="10" maxlength="2">
</label>
 
<label></label>
<input name="lunchOutMin5" type="text" id="lunchOutMin5" size="10" maxlength="2">
<br>
Lunch In:
<label>
<input name="lunchInHr5" type="text" id="lunchInHr5" size="10" maxlength="2">
</label>
 
<label>
<input name="lunchInMin5" type="text" id="lunchInMin5" size="10" maxlength="2">
</label>
<br>
Clock Out:
<label>
<input name="outHr5" type="text" id="outHr5" size="10" maxlength="2">
</label>
 
<label>
<input name="outMin5" type="text" id="outMin5" size="10" maxlength="2">
</label>
</p>
<p>Time Worked:
<input type='text' name='timeWorked5' size='5' readonly>
</p></td>
<td><div align="left">
<p>
<input type='button' value="Calculate" onClick="calc(this.form)">
<input type="button" name="reset_form" value="Clear Forms" onClick="this.form.reset();">
</p>
<p>Total Time Worked:
<input type="text" name="totalhr" id="totalhr">
</p>
<label></label>
</div></td>
</tr>
</table>
<p align="left"> </P>
<p align="left"> </P>
<p align="left"> </P>
<p align="left"> </P>
<p><br>
<br>
<br>
<br>
</p>
</form
><p> </p>
<p> </p>
</body>
</html>
|
|||||||