Simple calculator using javascript

HTML CODE:
<html>
 <head>
    <script type="text/javascript" src="calculator.js">
    </script>
 </head>


  <body>
     <form name="calc">

   <input type=text name="txtresult" id="txtr"/><br>   

   <input type="button" name="btn7" value="7" onclick="displayno(btn7.value)"/>
   <input type="button" name="btn8" value="8" onclick="displayno(btn8.value)"/>
   <input type="button" name="btn9" value="9" onclick="displayno(btn9.value)"/>
   <input type="button" value="+" name="btnadd"onclick="displayno(btnadd.value)"/><br>

   <input type="button" name="btn4" value="4"onclick="displayno(btn4.value)"/>
   <input type="button" name="btn5" value="5"onclick="displayno(btn5.value)"/>
   <input type="button" name="btn6" value="6"onclick="displayno(btn6.value)"/>
   <input type="button" value="-" name="btnsub"onclick="displayno(btnsub.value)"/><br>

   <input type="button" name="btn3" value="3"onclick="displayno(btn3.value)"/>
   <input type="button" name="btn2" value="2"onclick="displayno(btn2.value)"/>
   <input type="button" name="btn1" value="1"onclick="displayno(btn1.value)"/>
   <input type="button" value="*" name="btnmulti"onclick="displayno(btnmulti.value)"/><br>

   <input type="button" name="btn0" value="0"onclick="displayno(btn0.value)"/>
   <input type="button" name="btntout" value="."onclick="displayno(btntout.value)"/>
   <input type="button" name="btnequal" value="=" onclick = "txtresult.value=eval(txtresult.value)"/>
   <input type="button" value="/" name="btndiv"onclick="displayno(btndiv.value)"/><br>

  <input type="button" name="btnc" value="c" onclick = "refresh()">
  <input type="button" name="btnmodu" value="%" onclick="displayno(btnmodu.value)"/>
  </body>
</html>

JAVASCRIPT CODE:





function displayno(no)
{
calc.txtresult.value = calc.txtresult.value+no;
}
function refresh()
{

document.getElementById("txtr").value = "";
}

SCREEN SHOTS:
 


Comments

Post a Comment

Popular posts from this blog

my reframce

use ReportServerTempDB select *from dbo.ChunkData INNER JOIN [ChunkSegmentMapping] on ChunkSegmentMapping.ChunkId = ChunkData.ChunkID INNER JOIN [PersistedStream] on PersistedStream.SessionID = ChunkData.SnapshotDataID use ReportServerTempDB select *from dbo.Segment select *from dbo.ChunkData alter procedure selectsubquery as declare @department varchar(50) begin --select *from dbo.Segment where SegmentId = (select *from  dbo.Segment where Content= @department) select * from SegmentId where emp_add =(select *  from dbo.Segment where Content =@department) end exec selectsubquery "1" create view selectall as select *from Segment select *from selectall drop view selectall drop procedure selectsubquery create index test_index on ChunkData(SnapshotDataID) drop index ChunkData.test_index select *from dbo.Segment create database testdbset create table userse (userid int ,name varchar(50)) drop table users select * from users --insert into use...
Read more

Angular UI Grid To Bind JSON Data

Image
1.Index.html <!doctype html> <html ng-app="app">   <head>     <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js"></script>     <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular-touch.js"></script>     <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular-animate.js"></script>     <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular-resource.js"></script>     <script src="http://ui-grid.info/docs/grunt-scripts/csv.js"></script>     <script src="http://ui-grid.info/docs/grunt-scripts/pdfmake.js"></script>     <script src="http://ui-grid.info/docs/grunt-scripts/vfs_fonts.js"></script>     <script src="http://ui-grid.info/release/ui-grid-unstable.js"></script>     <link rel=...
Read more
Image
Login And Sign Up Using Angular js with help of local storage 1.index.html <html ng-app='LogIn'> <head>     <meta charset="utf-8">     <meta http-equiv=="X-UA-Compatible" content="IE=edge">     <meta name="viewport" content="width=device-width, initial-scale=1">     <title>LOG IN</title>     <!-- styling css -->     <link href="assets/css/bootstrap.min.css" rel="stylesheet" />     <link href="assets/css/style.css" rel="stylesheet">     <link href="assets/css/font-awesome.min.css" rel="stylesheet">     <!-- min scripts -->     <script src="assets/js/angular.min.js"></script>     <script src="assets/js/angular-route.min.js"></script>     <script src="assets/js/jquery.min.js"></script>   ...
Read more