milknet/pages
1
0
Fork 0
mirror of https://github.com/milk-net/milk-net.github.io.git synced 2025-04-19 21:53:40 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update index.html

Browse source
This commit is contained in:
Voxel 2025-03-14 11:58:20 -04:00 • committed by GitHub
parent 26cda8a8bc
commit e1888f03f1
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 40 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

41
apps/calculator/index.html
View file

@ -92,7 +92,20 @@
</div>
<script>
function appendToDisplay(value) {
document.getElementById('display').value += value;
// Add spaces around operators
if (['+', '-', '*', '/', '%', '^'].includes(value)) {
// Check if there's already a space before or after the operator
let display = document.getElementById('display').value;
if (display && display.slice(-1) !== ' ' && !['+', '-', '*', '/', '%', '^'].includes(display.slice(-1))) {
document.getElementById('display').value += ' ' + value + ' ';
} else if (display === '') {
document.getElementById('display').value += ' ' + value + ' ';
} else {
document.getElementById('display').value += value;
}
} else {
document.getElementById('display').value += value;
}
}
function clearDisplay() {
document.getElementById('display').value = '';
@ -114,6 +127,32 @@
}
return result;
}
// Add event listener for keyboard input
document.addEventListener('keydown', function(event) {
const key = event.key;
// Handle digit keys and operators
if ((key >= '0' && key <= '9') || key === '.' || key === '+' || key === '-' || key === '*' || key === '/' || key === '%' || key === '^') {
appendToDisplay(key);
}
// Handle special characters and functions
else if (key === '(') {
appendToDisplay('(');
} else if (key === ')') {
appendToDisplay(')');
} else if (key === 'Enter') {
calculateResult();
} else if (key === 'Backspace') {
backspace();
}
});
// Function for handling Backspace
function backspace() {
let display = document.getElementById('display').value;
document.getElementById('display').value = display.slice(0, -1);
}
</script>
</body>
</html>