Bitwise Operations Calculator
ANA›Life Services Authority›National Calculator Authority›Bitwise Operations Calculator
.calc-container { max-width: 640px; margin: 2rem 0; padding: 1.5rem; background: #fff; border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.06); font-family: system-ui, -apple-system, sans-serif; } .calc-container h3 { font-family: Georgia, serif; font-size: 1.15rem; color: #1a1a1a; margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom: 2px solid var(--ac, #3d5a80); } .calc-row { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.75rem; flex-wrap: wrap; } .calc-row label { min-width: 160px; font-size: 0.9rem; color: #333; font-weight: 500; } .calc-row input[type="number"], .calc-row select { flex: 1; min-width: 120px; max-width: 200px; padding: 0.5rem 0.6rem; border: 1px solid #ccc; border-radius: 4px; font-size: 0.9rem; font-family: system-ui, sans-serif; color: #1a1a1a; background: #fafaf8; } .calc-row input:focus, .calc-row select:focus { outline: none; border-color: var(--ac, #3d5a80); box-shadow: 0 0 0 2px rgba(26,74,138,0.12); } .calc-row .unit { font-size: 0.82rem; color: #888; min-width: 30px; } .calc-btn { display: inline-block; margin-top: 0.5rem; padding: 0.55rem 1.5rem; background: var(--ac, #3d5a80); color: #fff; border: none; border-radius: 4px; font-size: 0.9rem; font-weight: 600; cursor: pointer; font-family: system-ui, sans-serif; } .calc-btn:hover { opacity: 0.9; } .calc-result { margin-top: 1.25rem; padding: 1rem 1.25rem; background: #f0f6fc; border-left: 3px solid var(--ac, #3d5a80); border-radius: 0 6px 6px 0; display: none; } .calc-result.visible { display: block; } .calc-result-label { font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.06em; color: #666; margin-bottom: 0.25rem; } .calc-result-value { font-size: 1.6rem; font-weight: 700; color: var(--ac, #3d5a80); } .calc-result-detail { font-size: 0.85rem; color: #555; margin-top: 0.5rem; line-height: 1.5; } .calc-note { margin-top: 1rem; font-size: 0.8rem; color: #888; font-style: italic; } .calc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; margin-top: 0.75rem; } .calc-grid-item { padding: 0.6rem 0.8rem; background: #f8f9fa; border-radius: 4px; border: 1px solid #eee; } .calc-grid-item .label { font-size: 0.75rem; color: #888; text-transform: uppercase; letter-spacing: 0.04em; } .calc-grid-item .value { font-size: 1.1rem; font-weight: 600; color: #1a1a1a; } @media (max-width: 720px) { .calc-row { flex-direction: column; align-items: flex-start; gap: 0.3rem; } .calc-row label { min-width: auto; } .calc-row input[type="number"], .calc-row select { max-width: 100%; width: 100%; } .calc-grid { grid-template-columns: 1fr; } } .calc-chart { margin: 1rem 0; text-align: center; } .calc-chart svg { max-width: 100%; height: auto; } .calc-chart-legend { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.6rem 1.2rem; margin-top: 0.6rem; font-size: 0.8rem; color: #555; } .calc-chart-legend span { display: inline-flex; align-items: center; gap: 0.3rem; } .calc-chart-legend i { display: inline-block; width: 10px; height: 10px; border-radius: 2px; font-style: normal; } .calc-related { max-width: 640px; margin: 2rem 0 1rem; padding: 1.25rem 1.5rem; background: #f8f9fa; border: 1px solid #e8e8e8; border-radius: 8px; } .calc-related h3 { font-family: Georgia, serif; font-size: 1rem; color: #1a1a1a; margin: 0 0 0.75rem; padding-bottom: 0.4rem; border-bottom: 2px solid var(--ac, #3d5a80); } .calc-related-list { list-style: none; padding: 0; margin: 0 0 0.75rem; display: grid; grid-template-columns: 1fr 1fr; gap: 0.4rem 1.5rem; } .calc-related-list li a { font-size: 0.88rem; color: var(--ac, #3d5a80); text-decoration: none; } .calc-related-list li a:hover { text-decoration: underline; } .calc-browse-all { margin: 0.5rem 0 0; font-size: 0.9rem; font-weight: 600; } .calc-browse-all a { color: var(--ac, #3d5a80); text-decoration: none; } .calc-browse-all a:hover { text-decoration: underline; } @media (max-width: 720px) { .calc-related-list { grid-template-columns: 1fr; } }
Bitwise Operations Calculator
Perform bitwise AND, OR, XOR, NOT, left shift, and right shift operations on integers. Enter values in decimal, binary (0b), or hexadecimal (0x) format.
Operand A
Operation
AND (&) OR (|) XOR (^) NOT (~) Left Shift (<<) Right Shift (>>)
Operand B
Bit Width (for NOT display)
8-bit 16-bit 32-bit 64-bit
Calculate Results will appear here.
function toggleOperandB() { var op = document.getElementById('bit-operation').value; var bRow = document.getElementById('bit-operand-b-row'); var bitsRow = document.getElementById('bit-bits-row'); if (op === 'not') { bRow.style.display = 'none'; bitsRow.style.display = ''; } else if (op === 'lshift' || op === 'rshift') { bRow.style.display = ''; bitsRow.style.display = 'none'; document.getElementById('bit-operand-b').placeholder = 'Shift amount (0-63)'; } else { bRow.style.display = ''; bitsRow.style.display = 'none'; document.getElementById('bit-operand-b').placeholder = 'e.g. 10 or 0b1010 or 0xA'; } }
function parseIntInput(val) { val = val.trim(); if (val === '' || val === null) return null; var negative = false; if (val.startsWith('-')) { negative = true; val = val.slice(1).trim(); } var num; if (val.startsWith('0b') || val.startsWith('0B')) { num = parseInt(val.slice(2), 2); } else if (val.startsWith('0x') || val.startsWith('0X')) { num = parseInt(val.slice(2), 16); } else { num = parseInt(val, 10); } if (isNaN(num)) return null; return negative ? -num : num; }
function toBin(n, bits) { if (n >> 0) & mask; } var b = n.toString(2); if (bits) { b = b.padStart(bits, '0'); if (b.length > bits) b = b.slice(-bits); } return b; }
function toHex(n, bits) { if (n >> 0) & mask; } var h = n.toString(16).toUpperCase(); if (bits) h = h.padStart(bits/4, '0'); return h; }
function formatResult(result, bits) { var dec = result; var binStr = toBin(result, bits); var hexStr = toHex(result, bits); // Group binary in nibbles var grouped = binStr.replace(/(.{4})/g, '$1 ').trim(); return {dec: dec, bin: grouped, hex: hexStr}; }
function calcBitwise() { var aVal = document.getElementById('bit-operand-a').value; var op = document.getElementById('bit-operation').value; var bVal = document.getElementById('bit-operand-b').value; var bits = parseInt(document.getElementById('bit-bits').value) || 32; var resultDiv = document.getElementById('bit-result');
var a = parseIntInput(aVal); if (a === null) { resultDiv.innerHTML = 'Error: Operand A is invalid. Use decimal, 0b binary, or 0x hex format.'; return; }
var result, opSymbol, bDisplay, operationDesc;
if (op === 'not') { // NOT uses bitwise complement within chosen bit width var mask = (1 Error: Operand B is invalid. Use decimal, 0b binary, or 0x hex format.'; return; } if ((op === 'lshift' || op === 'rshift') && (b 63)) { resultDiv.innerHTML = 'Error: Shift amount must be between 0 and 63.'; return; } bDisplay = b; // Determine display bit width from operands var maxVal = Math.max(Math.abs(a), Math.abs(b)); bits = maxVal > b; opSymbol = '>>'; operationDesc = 'A Right Shift B'; bits = 32; } }
var aFmt = formatResult(a, bits); var rFmt = formatResult(result, bits);
var tableRows = ''; if (op !== 'not') { var bFmt = formatResult(parseIntInput(bVal), bits); tableRows = 'Operand A' + a + '' + aFmt.bin + '0x' + aFmt.hex + '' + 'Operand B' + parseIntInput(bVal) + '' + bFmt.bin + '0x' + bFmt.hex + ''; } else { tableRows = 'Operand A' + a + '' + aFmt.bin + '0x' + aFmt.hex + ''; }
resultDiv.innerHTML = '### Result: ' + result + ' ' + '' + 'Value' + 'Decimal' + 'Binary (' + bits + '-bit)' + 'Hexadecimal' + '' + tableRows.replace(//g,'').replace(//g,'') + '' + 'Result (' + operationDesc + ')' + '' + result + '' + '' + rFmt.bin + '' + '0x' + rFmt.hex + '' + ''; }
// Initialize toggleOperandB();
#### Formulas
- AND (&): Each output bit is 1 only if both corresponding input bits are 1. A & B
- OR (|): Each output bit is 1 if at least one corresponding input bit is 1. A | B
- XOR (^): Each output bit is 1 if the corresponding input bits are different. A ^ B
- NOT (~): Each output bit is the complement of the input bit within the chosen bit width. ~A & mask
- Left Shift (<<): Shifts bits of A left by B positions; equivalent to multiplying by 2B. A << B
- Right Shift (>>): Shifts bits of A right by B positions; equivalent to integer division by 2B. A >> B
#### Assumptions & References
More Calculators
- Indiana EV Tax Credit and Incentive Savings Calculator
- Content Inventory & Taxonomy Complexity Estimator
- Subfloor Load Capacity Calculator
- Expatriate Cost of Living Allowance Calculator
- International Benefits Localization Calculator
- Irrigation Zone Runtime Calculator
- Pipe Size & Water Velocity Calculator
- Cleaning Service Cost Estimator
- Carpet Cleaning Cost Calculator
- Mortgage Payment Calculator
- Rent vs Buy Calculator
- Property ROI Calculator
Read Next
Study Time Planner Authority Network America › Life Services Authority › National Calculator Authority .calc-container { max-width: 640px;...