Home      Affiliated Colleges      Course content      First Sem     Second Sem     Third Sem     Fourth Sem     Fifth Sem     Sixth Sem     Seventh Sem     Eighth Sem     Lab report 4th sem     Contact    

Friday, April 15, 2011

CSC 353-Web Technology: Make a simple calculator using Javascript:

<html>
  <head><title>Calculator</title>
    <script language="javascript">
    var inputstring=" "
    function updatestring(value)
    {
      inputstring += value;
      document.calculator.input.value=inputstring;
    }
    </script>
  </head>
  <body background=flow-yellow.jpg>
  <form name="calculator">
  <table border=5 bordercolor=pink bgcolor="#ffffcc"><tr ><td>
    <input type="text" name="input" maxlength=15 size=27><br />
    <input type="button" value="  clear  " onclick="input.value=' ';inputstring=' ' ">
    <input type="button" value="  mod    " onclick="updatestring('%')">
    <input type="button" value="   *    " onclick="updatestring('*')"><br />
    <input type="button" value="  7    " onclick="updatestring('7')">
    <input type="button" value="  8    " onclick="updatestring('8')">
    <input type="button" value="  9    " onclick="updatestring('9')">
    <input type="button" value="    /   " onclick="updatestring('/')"><br />
    <input type="button" value="  4    " onclick="updatestring('4')">
    <input type="button" value="  5    " onclick="updatestring('5')">
    <input type="button" value="  6    " onclick="updatestring('6')">
    <input type="button" value="   -    " onclick="updatestring('-')"><br />
    <input type="button" value="  1    " onclick="updatestring('1')">
    <input type="button" value="  2    " onclick="updatestring('2')">
    <input type="button" value="  3    " onclick="updatestring('3')">
    <input type="button" value="  +    " onclick="updatestring('+')"><br />
    <input type="button" value="  0    " onclick="updatestring('0')">
    <input type="button" value="  00  " onclick="updatestring('00')">
    <input type="button" value="   .    " onclick="updatestring('.')">
    <input type="button" value="  =    " onclick="input.value=eval(inputstring);">
    </td></tr>
  </table>
  </form>
</body>
</html>

No comments:

Post a Comment

^ Scroll to Top Related Posts with Thumbnails ^ Go to Top