Switch to full style
JavaScript code examples
Post a reply

Simple JavaScript calculator

Tue Sep 13, 2011 10:11 pm

This is easy to understand JavaScript calculator
Code:
<html>  
   <
head>
  <
title>calculator based on javascript.</title>
    </
head>
  <
form name="board" id="board">  
     <
input type="text"  id="resultsbox" style="text-align:center;background:white;" disabled="disabled">  
    </
form>  
      
    <
table>  
 
     <
tr>  
      <
td><input type="button" value="7" onclick="board.resultsbox.value += '7'"></td>  
      <
td><input type="button" value="8" onclick="board.resultsbox.value += '8'"></td>  
      <
td><input type="button" value="9" onclick="board.resultsbox.value += '9'"></td>  
      <
td rowspan="2"><input type="button" onclick="board.resultsbox.value += '+'" style="height: 60px;" value ="+"></td>  
     </
tr>  
     <
tr>  
      <
td><input type="button" value="4" onclick="board.resultsbox.value += '4'"></td>  
      <
td><input type="button" value="5" onclick="board.resultsbox.value += '5'"></td>  
      <
td><input type="button" value="6" onclick="board.resultsbox.value += '6'"></td>  
     </
tr>  
     <
tr>  
      <
td><input type="button" value="1" onclick="board.resultsbox.value += '1'"></td>  
      <
td><input type="button" value="2" onclick="board.resultsbox.value += '2'"></td>  
      <
td><input type="button" value="3" onclick="board.resultsbox.value += '3'"></td>  
      <
td rowspan="3">
      <
input type="button" onclick="board.resultsbox.value = eval(board.resultsbox.value)" style="height: 80px;" value ="="></td>  
     </
tr>  
     <
tr>  
      <
td><input type="button"   value="0" onclick="board.resultsbox.value += '0'"></td>  
      <
td><input type="button" value="."  style="width: 100%" onclick="board.resultsbox.value += '.' "></td>  
      <
td><input type="button" value="-"   onclick="board.resultsbox.value += '-'" ></td
     </
tr>  
         <
tr>  
      <
td><input type="button" value="C"   onclick="board.resultsbox.value = ''"></td>  
      <
td><input type="button" value="/"   onclick="board.resultsbox.value += '/'"></td>  
      <
td><input type="button" value="x"   onclick="board.resultsbox.value += 'x'"></td>  
 
     </
tr>  
    </
table>  
    
</
html>
 




Post a reply
  Related Posts  to : Simple JavaScript calculator
 Simple Calculator     -  
 simple javascript calendar     -  
 Calculator     -  
 Calculator     -  
 C++ Calculator     -  
 C++ calculator with modification.     -  
 Scientific Calculator     -  
 Complex numbers calculator (C++)     -  
 Making calculator in JAVA     -  
 Build Calculator in OpenGL     -  

Topic Tags

JavaScript Events, JavaScript Variables