BitCALC

BitCALC - Bit Sized Programming Calculator

A fun, pixel-art styled calculator designed as a learning tool to understand binary, basic cryptography, and bitwise logic. Featuring visual bit toggle display that updates as you work, along with hex, octal, and binary displays that show real-time conversions. Perfect for learning how computer language works by toggling bits yourself and seeing the numbers change. Great for learning binary math through pattern recognition on the bit toggle display.

Features

🎮 Learning-Focused Programmer Calculator

- Visual Bit Toggle Display: See bits change in real-time as you work

- Multi-Base Conversions: Real-time HEX, OCT, and BIN displays

- Interactive Learning: Toggle bits yourself and see immediate number changes

- Pattern Recognition: Learn binary math through visual bit patterns

🔄 Undo/Redo Functionality

- Track up to 50 operations in history

- Navigate through calculation history

📚 Learning Benefits

- Binary Understanding: Visualize how binary numbers work through interactive bit toggling

- Cryptography Basics: Learn fundamental bitwise operations used in encryption

- Computer Science Fundamentals: Understand how computers process and store data

- Pattern Recognition: See mathematical patterns emerge through bit manipulation

🧮 Comprehensive Programmer Features

- Bitwise Operations: NOT (bit inversion), XOR (exclusive OR), Shift Left (<<) and Shift Right (>>) with wrap-around

- Base Conversions: Real-time DEC (decimal), HEX (hexadecimal), OCT (octal), and BIN (binary) displays

- Visual Bit Manipulation: Interactive 32-bit bit keypad for hands-on learning

- Toggle Input Modes: Switch between DEC (decimal) and BIT input modesg

How to Use

1. Open the Calculator: Open `index.html` in any modern web browser

3. Change Theme: Click the theme toggle button (🌙/🌈) to switch between dark and pastel themes

4. Use Memory: Memory functions (MC, MR, M+, MS) are available

5. Undo/Redo: Use the ↶ and ↷ buttons to navigate through calculation history

6. Toggle Input Mode: Switch between DEC (decimal) and BIT input modes using the toggle button

⌨️ Keyboard Support

- Number keys (0-9)

- Basic operators (+, -, *, /)

- Enter/Equals (=)

- Escape/Clear (C)

- Percentage (%)

- Decimal point (.)

Programmer Mode Shortcuts:

- `n`: NOT operation (~) - Bitwise NOT (inverts all bits)

- `x`: XOR operation (^) - Bitwise XOR with 0xFF (low byte)

- `s`: Swap bytes (SWAP) - Endian conversion

- `r`: Reverse bits (REV) - Reverse all 32 bits

- `p`: Population count (POP) - Number of set bits

- `m`: MOD operation (%) - Modulo 2 operation

- `[` or `←`: Shift left (<<) with wrap-around - Doubles the value

- `]` or `→`: Shift right (>>) with wrap-around - Halves the value

#Technical Details

- Built with vanilla JavaScript, HTML, and CSS

- No external dependencies

- Responsive design works on desktop and mobile

License

Open source - feel free to use and modify!