table {
border: 1px solid black;
margin-left: 5px;
margin-right: 5px;
}
input[type=”button”] {
width: 50px;
padding: 25px 40px;
background-color: green;
color: #ddd;
font-size: 24px;
font-weight: bold;
border: none;
border-radius: 60px;
}
input[type=”text”] {
padding: 20px 30px;
font-size: 24px;
font-weight: bold;
border: none;
border-radius: 5px;
border: 2px solid black;
}
b {
width: 10px;
padding: 0px 0px;
background-color: transparent;
color: #ff0000;
font-size: 18px;
font-color: red;
font-weight: bold;
border: none;
border-radius: 0px;
}
input[type=”text”] {
padding: 20px 30px;
font-size: 24px;
font-weight: bold;
border: none;
border-radius: 5px;
border: 1px solid red;
}
Calculator
| Clear | |||
| One | Two | Three | Divide |
| Four | Five | Six | Multiply |
| Seven | Eight | Nine | Subtract |
| Zero | Decimal | Equal | Addition |
// Function that display value
function dis(val) {
document.getElementById(“result”).value += val
}
function myFunction(event) {
if (event.key == ‘0’ || event.key == ‘1’
|| event.key == ‘2’ || event.key == ‘3’
|| event.key == ‘4’ || event.key == ‘5’
|| event.key == ‘6’ || event.key == ‘7’
|| event.key == ‘8’ || event.key == ‘9’
|| event.key == ‘+’ || event.key == ‘-‘
|| event.key == ‘*’ || event.key == ‘/’)
document.getElementById(“result”).value += event.key;
}
var cal = document.getElementById(“calcu”);
cal.onkeyup = function (event) {
if (event.keyCode === 13) {
console.log(“Enter”);
let x = document.getElementById(“result”).value
console.log(x);
solve();
}
}
// Function that evaluates the digit and return result
function solve() {
let x = document.getElementById(“result”).value
let y = math.evaluate(x)
document.getElementById(“result”).value = y
}
// Function that clear the display
function clr() {
document.getElementById(“result”).value = “”
}
https://cdnjs.cloudflare.com/ajax/libs/mathjs/10.6.4/math.js
https://cdnjs.cloudflare.com/ajax/libs/mathjs/10.6.4/math.min.js
Site Title 