Bitwise Calculator Tool

Number 1:

Number 2:

Operation: AND OR XOR NOT Left Shift (<<) Right Shift (>>)

Result

body { font-family: Arial, sans-serif; background-color: #f0f0f0; color: #333; margin: 0; padding: 0; } .container { max-width: 800px; margin: 20px auto; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); text-align: center; } h1 { color: #4CAF50; } .form-container, .result-container { margin-bottom: 20px; } .input-group { margin: 10px 0; } label { display: block; font-weight: bold; margin-bottom: 5px; } input, select { width: 100%; padding: 10px; font-size: 16px; border: 1px solid #ccc; border-radius: 4px; } button { padding: 10px 20px; font-size: 16px; background-color: #4CAF50; color: #fff; border: none; border-radius: 4px; cursor: pointer; margin-top: 10px; } button:hover { background-color: #45A049; } .result-container h2 { margin-top: 20px; } textarea[readonly] { width: 100%; height: 150px; padding: 10px; font-size: 16px; border: 1px solid #ccc; border-radius: 4px; background-color: #e0e0e0; cursor: not-allowed; } function calculate() { const num1 = parseInt(document.getElementById('num1').value); const num2 = parseInt(document.getElementById('num2').value); const operation = document.getElementById('operation').value; let result; switch (operation) { case 'AND': result = num1 & num2; break; case 'OR': result = num1 | num2; break; case 'XOR': result = num1 ^ num2; break; case 'NOT': result = ~num1; break; case 'LSHIFT': result = num1 << num2; break; case 'RSHIFT': result = num1 >> num2; break; default: result = 'Invalid operation'; } document.getElementById('resultOutput').value = result; }

Explanation

1. HTML:

   • Includes input fields for two numbers and a dropdown for selecting the bitwise operation.
   • Contains a button to trigger the calculation and a textarea to display the result.

2. CSS:

   • Styles the input fields, button, and overall layout for a colorful and responsive design.

3. JavaScript:

   • The calculate function retrieves the input values and selected operation, performs the bitwise calculation, and displays the result in the output textarea.

This code provides a complete, responsive, and colorful Bitwise Calculator Tool. You can further customize it by adding more features or styling options as neede