All Rounder Tools Blogger-Best blog for blogger: ASCII to Binary converter Tool with colorful styling and all its features use any free library ...

Wednesday, September 25, 2024

ASCII to Binary converter Tool with colorful styling and all its features use any free library ...

 

ASCII to Binary Converter

ASCII to Binary Converter

Binary Output:

body { background-color: #f0f0f0; font-family: 'Arial', sans-serif; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; } .container { background-color: #ffffff; border-radius: 8px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); padding: 20px; width: 90%; max-width: 600px; } h1 { color: #4a90e2; text-align: center; } textarea { width: 100%; height: 150px; padding: 10px; margin: 10px 0; border: 1px solid #cccccc; border-radius: 4px; resize: none; font-size: 16px; } button { background-color: #4caf50; color: white; padding: 10px 15px; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; width: 100%; } button:hover { background-color: #45a049; } h2 { color: #e67e22; text-align: center; } document.getElementById('convertButton').addEventListener('click', function() { const asciiInput = document.getElementById('asciiInput').value; const binaryOutput = asciiToBinary(asciiInput); document.getElementById('binaryOutput').value = binaryOutput; }); function asciiToBinary(str) { return str.split('') .map(char => char.charCodeAt(0).toString(2).padStart(8, '0')) .join(' '); }

No comments:

Post a Comment