HTML HOME
Simple Calculator Code
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <script type="text/javascript"> function add() { var a = parseFloat(document.getElementById("one").value); var b = parseFloat(document.getElementById("two").value); alert(a + b); } function subtract() { var a = parseFloat(document.getElementById("one").value); var b = parseFloat(document.getElementById("two").value); alert(a - b); } function multiply() { var a = parseFloat(document.getElementById("one").value); var b = parseFloat(document.getElementById("two").value); alert(a * b); } function division() { var a = parseFloat(document.getElementById("one").value); var b = parseFloat(document.getElementById("two").value); alert(a / b); } </script> </head> <body> <div id="calc"> <form> <p> <input type="text" id="one"> </p> <p> <input type="text" id="two"> </p> <p> <input type="button" value="+" onclick="add()"> <input type="button" value="-" onclick="subtract()"> <input type="button" value="*" onclick="multiply()"> <input type="button" value="/" onclick="division()"> </p> </form> </div> </body> </html> <style type="text/css"> #calc { background-color: black; padding: 10px; width: 180px; margin: auto; } </style>
