Kumar Lakshmanan
Home
Features
More
Home
Calculator
Make Calculator in HTML
Make Calculator in HTML
Kumar Lakshmanan
9:10 AM
Calculator
Calculator source code in html
Real Calculator
Peoples also search as
Possible ways to hack Facebook
Phishing to hack Facebook in Android mobile
Hack Wifi in Android mobile
The Output is
The Input is
<!DOCTYPE html> <html> <head> <title>Calculator</title> <style> input[type=button]{ background: linear-gradient(rgba(216, 17, 17, 0.911),rgba(216, 142, 4, 0.925)); font-size: 20px; cursor: pointer; } input[type=button]:hover{ opacity: 0.5; } input[type=text]{ width: 100%; height: 100%; font-size: 20px; border: 2px solid black; font-weight: bolder; } table{ width:100%; height: 40%; } table tr th { border: 2px solid black; background: linear-gradient(rgba(216, 17, 17, 0.911),rgba(216, 142, 4, 0.925));;} </style> </head> <body> <div class='calc-contain'> <form name="calculator"> <table border="3"> <tr> <th colspan="4"><input type="text" name="answer" ></th> </tr> <tr> <th><input type="button" value=" 1 " onclick="calculator.answer.value += '1'" ></th> <th><input type="button" value=" 2 " onclick="calculator.answer.value += '2'" ></th> <th><input type="button" value=" 3 " onclick="calculator.answer.value += '3'" ></th> <th><input type="button" value=" + " onclick="calculator.answer.value += '+'" ></th> </tr> <tr> <th><input type="button" value=" 4 " onclick="calculator.answer.value += '4'" ></th> <th><input type="button" value=" 5 " onclick="calculator.answer.value += '5'" ></th> <th><input type="button" value=" 6 " onclick="calculator.answer.value += '6'" ></th> <th><input type="button" value=" - " onclick="calculator.answer.value += '-'" ></th> </tr> <tr> <th><input type="button" value=" 7 " onclick="calculator.answer.value += '7'" ></th> <th><input type="button" value=" 8 " onclick="calculator.answer.value += '8'" ></th> <th><input type="button" value=" 9 " onclick="calculator.answer.value += '9'" ></th> <th><input type="button" value=" × " onclick="calculator.answer.value += '*'" ></th> </tr> <tr> <th><input type="button" value=" C " onclick="calculator.answer.value = ''" ></th> <th><input type="button" value=" 0 " onclick="calculator.answer.value += '0'" ></th> <th><input type="button" value=" = " onclick="calculator.answer.value = eval(calculator.answer.value)" ></th> <th><input type="button" value=" / " onclick="calculator.answer.value += '/'" ></th> </tr> </table> </form> </div> </body> </html>
Calculator
HTML CSS JS
Post a Comment
0 Comments
Labels
Buttons
(6)
Calculator
(3)
Clock
(2)
Entertainment
(2)
Forms
(6)
HTML CSS JS
(26)
Javascript points
(9)
Love
(2)
Menu HamBurger
(2)
Pre Loaders
(4)
Tamil News
(2)
Join Our Whatsapp Group
Join
Search This Blog
Popular Posts
Disco Lights Animation using CSS
Best PDF books for web designing and developing
St.Mary's HSS | My School
Make the Loader Using HTML & CSS
Total Pageviews
Contact Form
Name
Email
*
Message
*
0 Comments