Calc

<!
Doctype html>
<html>
<head>
<title>Calculator Web App</title>
<style>
body {
background-color:yellow;
margin: 0px auto;
}
.calbody{
background: violet;
border: 1px solid #ff0;
padding: 10px;
margin-left: 450px;
min-width: 27.4em;
max-width: 27.4em;
}
h1{
text-align: center;
font-size: 40px;
color: #003652;
#lcd{
text-align: right;
width: 23em;
height: 40px;
font-size: 18px;
#lcdu{
color: grey;
text-align: right;
width: 27.6em;
height: 35px;
font-size: 15px;
button{
background-color: #fff;
width: 80px;
height: 60px;
font-size: 20px;
border: 1px solid #097C9B;
button:hover{
background-color: #509CA9;
</style>
</head>
<body>
<h1> Calculator Web App</h1>
<div class="calbody">
<form name="lcdform">
<input id="lcdu" name="lcdsu" type="text" value="" />
<input id="lcd" name="lcds" type="text" value="0" />
</form>
<div id="calbutton">
<button id="num1" onclick="numone();">1</button>
<button id="num2" onclick="numtwo();">2</button>
<button id="num3" onclick="numthree();">3</button>
<button id="operationplus" onclick="operationplus();">+</button>
<button id="operationraistop" onclick="operationraistop();">^</button>
<button id="num4" onclick="numfour();">4</button>

<button id="num5" onclick="numfive();">5</button>
<button id="num6" onclick="numsix();">6</button>
<button id="operationmult" onclick="operationmult();">*</button>
<button id="operationsqrt" onclick="sqrots();">Sqrt()</button>
<button id="num7" onclick="numseven();">7</button>

<button id="num8" onclick="numeight();">8</button>
<button id="num9" onclick="numnine();">9</button>
<button id="operationminus" onclick="operationminus();">-</button>
<button id="clr" onclick="clr();">C</button>
<button id="operationperc" onclick="operationperc();">%</button>

<button id="num0" onclick="numzero();">0</button>
<button id="num00" onclick="numdobuzero();">00</button>
<button id="operationdivid" onclick="operationdivid();">/</button>
<button id="sumbit" onclick="equalsto();">=</button>
</div>
</div>

<script>
var firstnumber;
var secondnumber;
var result;
var operations;
function numone(){
if (document.lcdform.lcds.value == "0" || document.lcdform.lcds.value == result){
document.lcdform.lcds.value = "1";
}
else //if(document.lcdform.lcds.value != "0")
{
documentdocument.lcdform.lcds.value = document.lcdform.lcds.value + "1";
}
}
function numtwo(){
}
{
}
}
function numthree(){
}
{
}
}
function numfour(){
}
{
}
}
function numfive(){
}
{
}
}
function numsix(){

}
{
}
}
function numseven(){
}
{
}
}
function numeight(){
if (document.lcdform.lcds.value == "0"){
}
else if (document.lcdform.lcds.value == result)
{
}
{
}
}
function numnine(){
}
{
}
}
function numzero(){
}
else if (document.lcdform.lcds.value == result)
{
}
{
}
}
function numdobuzero(){
return;
}
{
}
}
function clr(){
document.lcdform.lcdsu.value = "";
return;
}
function operationplus(){
operation = "+";
firstnumber = parseInt(document.lcdform.lcds.value);
document.lcdform.lcdsu.value = firstnumber + operation;
//alert(firstnumber);
}
function operationmult(){
operation = "*";
}
function operationminus(){
operation = "-";
}
function operationdivid(){
operation = "/";
}
function operationperc(){
operation = "%";
}
function equalsto(){
secondnumber = parseInt(document.lcdform.lcds.value);
if (operation == "+")
{
result = firstnumber + secondnumber;
}
else if (operation == "*"){
result = firstnumber * secondnumber;
}
else if (operation == "-"){
result = firstnumber - secondnumber;
}
else if (operation == "/"){
result = firstnumber / secondnumber;
}
else if (operation == "%"){
result = firstnumber / 100;

document.lcdform.lcdsu.value = firstnumber + operation + "100";
}
else if (document.lcdform.lcds.value != "0") {
result = firstnumber / secondnumber * 100;
document.lcdform.lcdsu.value = firstnumber + operation + secondnumber + "*100 =
" + result;
}
}
else if (operation == "^"){
for (var i = 0; i < secondnumber; i++){
result = firstnumber * i;
}
}
document.lcdform.lcds.value ="";
document.lcdform.lcds.value = result.toString();
document.lcdform.lcdsu.value = firstnumber + operation + secondnumber + " = " +
result.toString();
return;
function sqrots(){
firstnumber = document.lcdform.lcds.value;
result = Math.sqrt(parseInt(document.lcdform.lcds.value));
document.lcdform.lcds.value = result;
document.lcdform.lcdsu.value = "sqrt(" + firstnumber + ") = " + result;
function operationraistop(){
operation = "^";
</script>
</body>
</html>

Calc

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Calc

Uploaded by

Copyright:

Available Formats

<!

<button id="num4" onclick="numfour();">4</button>

<button id="num7" onclick="numseven();">7</button>

<button id="operationperc" onclick="operationperc();">%</button>

if (document.lcdform.lcds.value == "0" || document.lcdform.lcds.value == result){

if (document.lcdform.lcds.value == "0" || document.lcdform.lcds.value == result){

if (document.lcdform.lcds.value == "0" || document.lcdform.lcds.value == result){

if (document.lcdform.lcds.value == "0" || document.lcdform.lcds.value == result){

if (document.lcdform.lcds.value == "0" || document.lcdform.lcds.value == result){

if (document.lcdform.lcds.value == "0" || document.lcdform.lcds.value == result){

if (document.lcdform.lcds.value == "0" || document.lcdform.lcds.value == result){

result = firstnumber * secondnumber;

result = firstnumber - secondnumber;

result = firstnumber / secondnumber;

result = firstnumber / 100;

for (var i = 0; i < secondnumber; i++){

You might also like