Scribd
Upload
3 views

HTML

Uploaded by

JAAT DAGAR
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
3 views

HTML

Uploaded by

JAAT DAGAR
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

<html>

<head>
<script>
//function that display value
function dis(val) {
document.getElementById("result").value += val
}

//function that evaluates the digit and return result


function solve() {
let x = document.getElementById("result").value
let y = eval(x)
document.getElementById("result").value = y
}

//function that clear the display


function clr() {
document.getElementById("result").value = ""
}
</script>
<!-- for styling -->
<style>
.title {
margin-bottom: 10px;
text-align: center;
width: 210px;
color: green;
border: solid black 2px;
}

input[type="button"] {
background-color: green;
color: black;
border: solid black 2px;
width: 100%
}

input[type="text"] {
background-color: white;
border: solid black 2px;
width: 100%
}
</style>
</head>
<!-- create table -->

<body>
<div class=t itle>JAAT</div>
<table border="1">
<tr>
<td colspan="3"><input type="text" id="result" /></td>
<!-- clr() function will call clr to clear all value -->
<td><input type="button" value="c" onclick="clr()" /> </td>
</tr>
<tr>
<!-- create button and assign value to each button -->
<!-- dis("1") will call function dis to display value -->
<td><input type="button" value="1" onclick="dis('1')" /> </td>
<td><input type="button" value="2" onclick="dis('2')" /> </td>
<td><input type="button" value="3" onclick="dis('3')" /> </td>
<td><input type="button" value="/" onclick="dis('/')" /> </td>
</tr>
<tr>
<td><input type="button" value="4" onclick="dis('4')" /> </td>
<td><input type="button" value="5" onclick="dis('5')" /> </td>
<td><input type="button" value="6" onclick="dis('6')" /> </td>
<td><input type="button" value="-" onclick="dis('-')" /> </td>
</tr>
<tr>
<td><input type="button" value="7" onclick="dis('7')" /> </td>
<td><input type="button" value="8" onclick="dis('8')" /> </td>
<td><input type="button" value="9" onclick="dis('9')" /> </td>
<td><input type="button" value="+" onclick="dis('+')" /> </td>
</tr>
<tr>
<td><input type="button" value="." onclick="dis('.')" /> </td>
<td><input type="button" value="0" onclick="dis('0')" /> </td>
<!-- solve function call function solve to evaluate value -->
<td><input type="button" value="=" onclick="solve()" /> </td>
<td><input type="button" value="" onclick="dis('')" /> </td>
</tr>
</table>
</body>

</html>

You might also like