Thanks to visit codestin.com
Credit goes to www.scribd.com

Scribd
Upload
4 views1 page

Calc HTML

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
4 views1 page

Calc HTML

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
You are on page 1/ 1

<!

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="style.css">
</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="display.value += '1' ">
<input type="button" value="2" onclick="display.value += '2' ">
<input type="button" value="3" onclick="display.value += '3' ">
<input type="button" value="+" onclick="display.value += '+' ">
</div>
<div>
<input type="button" value="4" onclick="display.value += '4' ">
<input type="button" value="5" onclick="display.value += '5' ">
<input type="button" value="6" onclick="display.value += '6' ">
<input type="button" value="-" onclick="display.value += '-' ">
</div>
<div>
<input type="button" value="7" onclick="display.value += '7' ">
<input type="button" value="8" onclick="display.value += '8' ">
<input type="button" value="9" onclick="display.value += '9' ">
<input type="button" value="x" onclick="display.value += '*' ">
</div>
<div>
<input type="button" value="0" onclick="display.value += '0' ">
<input type="button" value="." onclick="display.value += '.' ">
<input type="button" value="C" onclick="display.value = '' ">
<input type="button" value="/" onclick="display.value += '/' ">
</div>
<div>
<input type="button" value="ON" onclick="display.value =
display.value.toString().disable('button')">
<input type="button" value="OFF">
<input type="button" value="←" onclick="display.value =
display.value.toString().slice(0,-1)">
<input type="button" value="=" onclick="display.value =
eval(display.value)">
</div>
</div>
</form>
</div>
</div>

<script src="main.js"></script>

</body>
</html>

You might also like