<!DOCTYPE html><html lang="en"><head><title>Calculator</title><link rel="stylesheet" type="text/css" href="layout.css"><script src="calculator.js"></script><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap" rel="stylesheet"></head><body><div class="centered"><div class="calculator"><button id="clear" class="button" onclick="doClear()">C</button><input type="text" id="display" class="display" disabled value="0"><button id="digit_7" class="number" onclick="addDigit('7')">7</button><button id="digit_8" class="number" onclick="addDigit('8')">8</button><button id="digit_9" class="number" onclick="addDigit('9')">9</button><button id="operator_divide" class="operator" onclick="doDivision()">/</button><button id="digit_4" class="number" onclick="addDigit('4')">4</button><button id="digit_5" class="number" onclick="addDigit('5')">5</button><button id="digit_6" class="number" onclick="addDigit('6')">6</button><button id="operator_multiply" class="operator" onclick="doMultiplication()">*</button><button id="digit_1" class="number" onclick="addDigit('1')">1</button><button id="digit_2" class="number" onclick="addDigit('2')">2</button><button id="digit_3" class="number" onclick="addDigit('3')">3</button><button id="operator_subtract" class="operator" onclick="doSubtraction()">-</button><button id = "digit_0" class="number" onclick="addDigit('0')">0</button><button class="number" onclick="addDigit('.')">.</button><button class="number" onclick="addDigit('%')">.</button><button id="operator_add" class="operator" onclick="doAddition()">+</button><button id="calculate" class="calculate" onclick="doEquals()">=</button></div></div></body></html>