table {
border: 1px solid black;
margin-left: auto;
margin-right: auto;
}
input[type="button"] {
width: 100%;
padding: 20px 40px;
background-color: green;
color: white;
font-size: 24px;
font-weight: bold;
border: none;
border-radius: 5px;
}
input[type="text"] {
padding: 20px 30px;
font-size: 24px;
font-weight: bold;
border: none;
border-radius: 5px;
border: 2px solid black;
}
// 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 = ""
}