Scribd
Upload
36 views1 page

Simple HTML Calculator Interface

The document is an HTML structure for a simple calculator application. It includes buttons for digits, basic operations, and functionalities like clear and evaluate. The calculator's display is disabled for direct input and is updated through button clicks using JavaScript.

Uploaded by

sunny
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
36 views1 page

Simple HTML Calculator Interface

The document is an HTML structure for a simple calculator application. It includes buttons for digits, basic operations, and functionalities like clear and evaluate. The calculator's display is disabled for direct input and is updated through button clicks using JavaScript.

Uploaded by

sunny
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="[Link]">
</head>
<body>
<div class="container">
<div class="calculator">
<form>
<div class="display">
<input class="longer" name="display" disabled>
<div>
<input type="button" value="1" onclick="[Link] += '1' ">
<input type="button" value="2" onclick="[Link] += '2' ">
<input type="button" value="3" onclick="[Link] += '3' ">
<input type="button" value="+" onclick="[Link] += '+' ">
</div>
<div>
<input type="button" value="4" onclick="[Link] += '4' ">
<input type="button" value="5" onclick="[Link] += '5' ">
<input type="button" value="6" onclick="[Link] += '6' ">
<input type="button" value="-" onclick="[Link] += '-' ">
</div>
<div>
<input type="button" value="7" onclick="[Link] += '7' ">
<input type="button" value="8" onclick="[Link] += '8' ">
<input type="button" value="9" onclick="[Link] += '9' ">
<input type="button" value="x" onclick="[Link] += '*' ">
</div>
<div>
<input type="button" value="0" onclick="[Link] += '0' ">
<input type="button" value="." onclick="[Link] += '.' ">
<input type="button" value="C" onclick="[Link] = '' ">
<input type="button" value="/" onclick="[Link] += '/' ">
</div>
<div>
<input type="button" value="ON" onclick="[Link] =
[Link]().disable('button')">
<input type="button" value="OFF">
<input type="button" value="←" onclick="[Link] =
[Link]().slice(0,-1)">
<input type="button" value="=" onclick="[Link] =
eval([Link])">
</div>
</div>
</form>
</div>
</div>

<script src="[Link]"></script>

</body>
</html>

You might also like