What's new

Closed How to make calculator using html

Status
Not open for further replies.

nechay

Addict
Joined
Aug 8, 2015
Posts
7
Reaction
3
Points
65
Age
27
  • Just open your notepad then copy and paste this code
  • <html>
    <head>
    <title>HTML Calculator</title>
    </head>
    <body bgcolor= "#000000" text= "gold">
    <form name="calculator" >
    <input type="button" value="1" onClick="document.calculator.ans.value+='1'">
    <input type="button" value="2" onClick="document.calculator.ans.value+='2'">
    <input type="button" value="3" onClick="document.calculator.ans.value+='3'">
    <input type="button" value="+" onClick="document.calculator.ans.value+='+'">

    <input type="button" value="4" onClick="document.calculator.ans.value+='4'">
    <input type="button" value="5" onClick="document.calculator.ans.value+='5'">
    <input type="button" value="6" onClick="document.calculator.ans.value+='6'">
    <input type="button" value="-" onClick="document.calculator.ans.value+='-'">

    <input type="button" value="7" onClick="document.calculator.ans.value+='7'">
    <input type="button" value="8" onClick="document.calculator.ans.value+='8'">
    <input type="button" value="9" onClick="document.calculator.ans.value+='9'">
    <input type="button" value="*" onClick="document.calculator.ans.value+='*'">
    <input type="button" value="/" onClick="document.calculator.ans.value+='/'">

    <input type="button" value="0" onClick="document.calculator.ans.value+='0'">
    <input type="reset" value="Reset">
    <input type="button" value="=" onClick="document.calculator.ans.value=eval(document.calculator.ans.value)">
    <br>Solution is <input type="textfield" name="ans" value="">
    </form>
    </body>
    </html>

  • After that save as: calc.html
  • AND YOUR DONE!
 
Nagawa ko na to noon. Nung nag aaral pko
:):) ngayon nakalimutan ko na haha thanks for sharing paps
 
Last edited by a moderator:
Status
Not open for further replies.

Similar threads

Back
Top