PROG 1

1. Write a JavaScript to design a simple calculator to perform the following
operations: sum, product, difference and quotient.
program1.html
<!DOCTYPE HTML>
<html>
<head>
<style>
table, td, th
{
border: 1px solid black;
width: 33%;
text-align: center;
background-color: DarkGray;
border-collapse:collapse;
}
table { margin: auto; }
input { text-align:right; }
</style>
<script type="text/javascript">
function calc(clicked_id)
{
var val1 = parseFloat(document.getElementById("value1").value);
var val2 = parseFloat(document.getElementById("value2").value);
if(isNaN(val1)||isNaN(val2))
alert("ENTER VALID NUMBER");
else if(clicked_id=="add")
document.getElementById("answer").value=val1+val2;
else if(clicked_id=="sub")
document.getElementById("answer").value=val1-val2;
else if(clicked_id=="mul")
document.getElementById("answer").value=val1*val2;
else if(clicked_id=="div")
document.getElementById("answer").value=val1/val2;
}
function cls()
{
value1.value="0";
value2.value="0";
answer.value="";
}
</script>
</head>
<body>
<table>
<tr><th colspan="4"> SIMPLE CALCULATOR </th></tr>
<tr><td>value1</td><td><input type="text" id="value1" value="0"/></td>
<td>value2</td><td><input type="text" id="value2" value="0"/> </td></tr>
<tr><td><input type="button" value="Addition" id = "add"
onclick="calc(this.id)"/></td>
<td><input type="button" value="Subtraction" id = "sub"
onclick="calc(this.id)"/></td>
<td><input type="button" value="Multiplication" id = "mul"
onclick="calc(this.id)"/></td>
<td><input type="button" value="Division" id ="div"
onclick="calc(this.id)"/></td></tr>
<tr><td>Answer:</td><td> <input type="text" id="answer" value=""
disabled/></td>
<td colspan="2"><input type="button" value="CLEAR ALL" onclick="cls()"/></td>
</tr>
</table>
</body>
</html>

Comments

Post a Comment

Popular posts from this blog

PROG 6

6. Write a PHP program to keep track of the number of visitors visiting the web page and to display this count of visitors, with proper headings. program6.php <?php print "<h3> REFRESH PAGE </h3>"; $name="counter.txt"; $file = fopen($name,"r"); $hits= fscanf($file,"%d"); fclose($file); $hits[0]++; $file = fopen($name,"w"); fprintf($file,"%d",$hits[0]); fclose($file); print "Total number of views: ".$hits[0]; ?>
Read more

PROG 7

7. Write a PHP program to display a digital clock which displays the current time of the server. program7.php <!DOCTYPE HTML> <html> <head> <meta http-equiv="refresh" content="1"/> <style>  p {    color:white;    font-size:90px;    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);   }   body{background-color:black;}  </style>  <p> <?php echo date(" h: i : s  A");?> </p> </head> <html>
Read more

PROG 2

2. Write a JavaScript that calculates the squares and cubes of the numbers from 0 to 10 and outputs HTML text that displays the resulting values in an HTML table format. program2.html <!DOCTYPE HTML> <html> <head> <style> table,tr, td { border: solid black; width: 33%; text-align: center; border-collapse: collapse; background-color:lightblue; } table { margin: auto; } </style> <script> document.write( "<table><tr><th colspan='3'> NUMBERS FROM 0 TO 10 WITH THEIR SQUARES AND CUBES </th></tr>" ); document.write( "<tr><td>Number</td><td>Square</td><td>Cube</td></tr>" ); for(var n=0; n<=10; n++) { document.write( "<tr><td>" + n + "</td><td>" + n*n + "</td><td>" + n*n*n + "</td></tr>" ) ; } document.write( "</table>" ) ...
Read more