Calculator Game Hacks
Breadcrumb: /blogsHacks that we did in the Calculator
Changes
Hack 0: Right justify result (Perry)
.calculator-output {
...
display: flex;
align-items: center;
justify-content: flex-end; /* <-- Hack 0: right justify result */
}
Hack 1: Test decimal numbers (Ethan)
%% js
function formatResult(val) {
if (!isFinite(val) || Number.isNaN(val)) return "ERR";
// round to max 10 decimals, remove trailing zeros
let s = parseFloat(parseFloat(val).toFixed(10)).toString(); // <-- Hack 1: handles decimals and big/small numbers
return s;
}
Hack 2: Added division (Neil)
<!--row 4-->
<div class="calculator-operation">√</div> <!-- <-- square root button -->
<div class="calculator-number">0</div>
<div class="calculator-number">.</div>
<div class="calculator-operation">/</div>
Hack 3: Added square root button (Ethan)
%% js
function operation (choice) {
// define unary operations
const unaryOps = {
"√": function(v) { return Math.sqrt(v); }
};
// Also added it to the HTML