Report Writing

Report Writing
<Login and signup>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="generator" content="">
<meta name="dcterms.created" content="Mon, 27 Jul 2015 20:34:58 GMT">
<meta name="description" content="">
<meta name="keywords" content="">
<title>Online Room Expenses Calculator</title>
<link rel="stylesheet" type="text/css" href="css/Mystyle.css">
<link rel="stylesheet" type="text/css" href="css/queries.css">
<script src="js/jquery-2.1.4.min.js"></script>
<script src="js/script.js"></script>
</head>
<body class="body">
<header>
<div class="title">
<h1>Online Room Expenses Calculator</h1>
</div>
<div class="main-nav">
<ul>
<li><a href="#">Home</a></li>
<li><a id="onclick"><font color="black">Login</font></a></li>
</ul>
</div>
</header>
<div class="main-content">
<div class="bg-tex-box">
<div class="section-form">
<div class="row">
<h2> We're happy to join you with us</h2>
</div>
<div class="row">
<form method="post" action="" class="contact-form">
<div class="row">
<div class="col span-1-of-3">
<label for="fname">First Name:</label>
</div>
<input type="text" name="fname" id="fname"
placeholder="First Name" height=20px required></input>
</div>
</div>
<div class="row">
<label for="lname">Last Name:</label>
</div>

<input type="text" name="lname" id="lname"
placeholder="Last Name" required></input>
</div>
</div>
<div class="row">
<label for="email">Email Id:</label>
</div>
<input type="email" name="email" id="email"
placeholder="Email Id" required></input>
</div>
</div>
<div class="row">
<label for="cemail">Confirm Email Id:</label>
</div>
<input type="email" name="cemail" id="cemail"
placeholder="Confirm Email Id" required></input>
</div>
</div>
<div class="row">
<label for="pwd">Password:</label>
</div>
<input type="password" name="pwd" id="pwd"
placeholder="Password" required></input>
</div>
</div>
<div class="row">
<label for="cpwd">Confirm Password:</label>
</div>
<input type="password" name="cpwd" id="cpwd"
placeholder="Confirm Password" required></input>
</div>
</div>
<div class="row">
<label>Gender</label>
</div>
<input type="radio" name="gender" id="gender"
checked> Male</input>
<input type="radio" name="gender"

id="gender"> Female</input>
</div>
</div>
<div class="row">
<label> </label>
</div>
<input type="submit" vlaue="Sign Up"></input>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div id="logindiv">
<form class="form" method="post" action="#" id="login">
<h3>Login</h3>
<hr/><br/>
<label>E-mail : </label>
<br/>
<input type="email" name="userid" id="userid" placeholder="Ex xyz@gmail.com" required><br/>
<br/>
<label>password : </label>
<br/>
<input type="password" name="pwd" id="pwd" placeholder="************"/
required><br/>
<br/>
<input type="submit" id="loginbtn" value="Login" class="btn">
<input type="button" id="cancel" value="Cancel" class="btn">
<br/>
</form>
</div>
</body>
</html>
<html>
<head>
<style>
.customers {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
width: 60%;
border-collapse: collapse;
}
.customers td, .customers th {
font-size: 1em;
border: 1px solid #98bf21;
padding: 3px 7px 2px 7px;
}
.customers th {
font-size: 1.1em;
text-align: left;
padding-top: 5px;
padding-bottom: 4px;
background-color: #A7C942;
color: #ffffff;
}
.customers tr.alt td {
color: #000000;
background-color: #EAF2D3;
}
</style>
<link rel="stylesheet" input="text/css" href="css/Mystyle.css"></link>
</head>
<script type="text/javascript">
function sum()
{
var num1 = document.getElementById("groceries1").value;
var num2 = document.getElementById("internet1").value;
var num3= document.getElementById("pge1").value;
var num4 = document.getElementById("rent1").value;
var num5 = document.getElementById("groceries2").value;
var num7 = document.getElementById("pge2").value;
var
var num10
var
var num12
num9 = document.getElementById("groceries3").value;
= document.getElementById("internet3").value;
num11 = document.getElementById("pge3").value;
= document.getElementById("rent3").value;
var
var num14
var
var num16
num13 = document.getElementById("groceries4").value;
= document.getElementById("internet4").value;
num15 = document.getElementById("pge4").value;
= document.getElementById("rent4")value;
var num17 = document.getElementById("groceries5")value;

var num19 = document.getElementById("pge5").value;
var
contribution1=parseInt(num1)+parseInt(num2)+parseInt(num3)+parseInt(num4);
var
contribution2=parseInt(num5)+parseInt(num6)+parseInt(num7)+parseInt(num8);
var
contribution3=parseInt(num9)+parseInt(num10)+parseInt(num11)+parseInt(num12
);
var
6);
var
0);
var
grandtotal=parseInt(contribution1)+parseInt(contribution2)+parseInt(contrib
ution3)+parseInt(contribution4)+parseInt(contribution5);
var total= parseInt(grandtotal)/5;
var
var
var
var
var
ntg1=parseInt(total)-parseInt(contribution1);
var c1=document.getElementById('contribution1');
c1.value = contribution1;
document.getElementById('total1').value
=
=
=
=
=
total;
total;
total;
total;
total;
document.getElementById('ntp1').value = ntg1;
document.getElementById('ntp4).value = ntg4;
}
</script>
<body>
<form name="myform">
<br><br><br>
<table id="tblSample" class="customers">
<tr>
<th>No.</th>
<th>Username</th>
<th>Groceries</th>
<th>Internet</th>
<th>PG & E</th>
<th>Rent & Maintanance</th>
<th>Contribution</th>
<th>Total</th>
<th>Need to Pay</p>
</tr>
<tr class="alt">
<td>1</td>
<td><input type="text" placeholder="Username1" name="username1"
id="username1" size="15" /></td>
<td><input type="text" placeholder="Groceries" name="groceries1"
id="groceries1" size="7" /></td>
<td><input type="text" placeholder="Internet" name="internet1"
id="iternet1" size="7" /></td>
<td><input type="text" placeholder="PG&E" name="pge1" id="pge1"
size="7" /></td>
<td><input type="text" placeholder="Rent & Maintanance" name="rent1"
id="rent1" size="15" /></td>
<td><input type="text" name="contribution1" id="contribution1"
size="7" readonly/></td>
<td><input type="text" name="total1" id="total1" size="7"
readonly/></td>
<td><input type="text" name="ntp1" id="ntp1" size="7"
readonly/></td>
</tr>
<tr class="alt">
<td>2</td>
size="7" /></td>
readonly/></td>

readonly/></td>
</tr>
<tr class="alt">
<td>3</td>
size="7" /></td>
readonly/></td>
readonly/></td>
</tr>
<tr class="alt">
<td>4</td>
size="7" /></td>
readonly/></td>
readonly/></td>
</tr>
<tr class="alt">
<td>5</td>
size="7" /></td>

readonly/></td>
readonly/></td>
</tr>
</table><br><br>
<p>
<center>
<input type="submit" name="button" id="button1" onclick="sum()"
value="Submit" /></center>
</p>
</form>
</body>
</html>

Report Writing

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Report Writing

Diunggah oleh

Hak Cipta:

Format Tersedia

Report Writing

<Login and signup>

<div class="col span-2-of-3">

<input type="radio" name="gender"

var num17 = document.getElementById("groceries5")value;

var num18 = document.getElementById("internet5").value;

<td><input type="text" name="ntp2" id="ntp2" size="7"

<td><input type="text" name="contribution5" id="contribution5"

Anda mungkin juga menyukai