1.1 Calculator
Application using HTML.
In this method we use the calculate the number given by user. There are also have the button for writing the number and selection of the operation. There are also give the answer.
HTML
FILE
:
<html>
<head>
<link
rel="stylesheet" type="text/css" href="lab1.css"
/>
<title>CALCULATOR</title>
</head>
<body>
<script
src="lab-1.js"></script>
<div
class="box">
<div
class="display"><input type="text" readonly
size="18" id="d"></div>
<div
class="keys">
<p><input
type="button" class="button gray" value="mrc" onclick='c("Created....................")'>
<input type="button"
class="button gray"
value="m-"
onclick='c("...............by............")'>
<input type="button"
class="button gray" value="m+"onclick='c("......MANTHAN.......")'>
<input type="button"
class="button pink" value="/"
onclick='v("/")'></p>
<p><input type="button"
class="button black"
value="7"
onclick='v("7")'><input type="button"
class="button black"
value="8" onclick='v("8")'>
<input type="button"
class="button black" value="9"
onclick='v("9")'><input
type="button"
class="button pink"
value="*" onclick='v("*")'></p>
<p><input type="button"
class="button black"
value="4"
onclick='v("4")'><input type="button"
class="button black"
value="5" onclick='v("5")'>
<input type="button"
class="button black" value="6"
onclick='v("6")'><input
type="button"
class="button pink"
value="-" onclick='v("-")'></p>
<p><input type="button"
class="button black"
value="1"
onclick='v("1")'><input type="button"
class="button black"
value="2" onclick='v("2")'>
<input type="button"
class="button black" value="3"
onclick='v("3")'><input
type="button"
class="button pink"
value="+" onclick='v("+")'></p>
<p><input type="button"
class="button black"
value="0"
onclick='v("0")'><input type="button"
class="button black"
value="." onclick='v(".")'>
<input type="button"
class="button black" value="C"
onclick='c("")'><input
type="button"
class="button orange"
value="=" onclick='e()'></p>
</div>
</div>
</body>
</html>
CSS
FILE
:
body{
background-color:tan;
}
.box{
background-color:#3d4543;
height:300px;
width:250px;
border-radius:10px;
position:relative;
top:70px;
left:40%;
}
.display{
background-color:#222;
width:220px;
position:relative;
left:15px;
top:20px;
height:40px;
}
.display input{
position:relative;
left:2px;
top:2px;
height:35px;
color:black;
background-color:#bccd95;
font-size:21px;
text-align:right;
}
.keys{
position:relative;
top:15px;
}
.button{
width:40px;
height:30px;
border:none;
border-radius:8px;
margin-left:17px;
cursor:pointer;
border-top:2px solid
transparent;
}
.button.gray{
color:white;
background-color:#6f6f6f;
border-bottom:2px
#000000 solid;
border-top:2px #6f6f6f
solid;
}
.button.pink{
color:black;
background-color:#ff4561;
border-bottom:2px black
solid;
}
.button.black{
color:black;
background-color:303030;
border-bottom:black 2px
solid;
border-top:2px 303030
solid;
}
.button.orange{
color:black;
background-color:FF9933;
border-bottom:black 2px
solid;
border-top:2px FF9933
solid;
}
.gray:active{
border-top:black 2px
solid;
border-bottom:2px
#6f6f6f solid;
}
.pink:active{
border-top:black 2px
solid;
border-bottom:#ff4561
2px solid;
}
.black:active{
border-top:black 2px
solid;
border-bottom:#303030
2px solid;
}
.orange:active{
border-top:black 2px
solid;
border-bottom:FF9933
2px solid;
}
p{
line-height:10px;
}
JS
FILE
:
function c(val){
document.getElementById("d").value=val;
}
function v(val){
document.getElementById("d").value+=val;
}
function e() {
try {
c(eval(document.getElementById("d").value))
}
catch(e) {
c('Error')
}
}
1.2 Currency converter
using JAVA.
import java.io.*;
import java.util.*;
import java.text.*;
public class
Conversion{
private static double
conv = 63;
public static void
main(String[] args)
throws IOException {
System.out.print("Your current USD to
convert : ");
InputStreamReader
isr = new InputStreamReader(System.in);
BufferedReader bufReader = new
BufferedReader(isr);
// Read from the underlying StringReader.
String str = bufReader.readLine();
int num = Integer.parseInt(str);
double
x = num * conv;
System.out.println("\n That is "
+x+ " in INR \n");
}
}
OUTPUT :
Your current USD to
convert : 100
That is 6300 in INR
1.3 Google search using
HTML.
<html>
<head><title>GOOGLE
SEARCH</title></head>
<body>
<center>
<FORM method=GET
action="http://www.google.com/search">
<TABLE bgcolor="#FFFFFF"><tr><td>
<A
HREF="http://www.google.com/">
<IMG
SRC="http://www.google.com/logos/Logo_40wht.gif" <br></A>
<INPUT TYPE=text
name=q size=31 maxlength=255 value="">
<INPUT TYPE=hidden
name=hl value="en">
<INPUT type=submit
name=btnG VALUE="Google Search">
</td></tr></TABLE>
</FORM>
</center>
</body>
</html>
