Text to Binary Converter
body {
background-color: #f4f7f6;
font-family: 'Arial', sans-serif;
}
.container {
max-width: 600px;
margin-top: 100px;
}
.card {
border-radius: 15px;
}
.card-header {
border-radius: 15px 15px 0 0;
}
textarea {
resize: none;
}
button {
font-weight: bold;
border-radius: 8px;
margin-top: 10px;
padding: 10px;
}
button:focus {
outline: none;
}
button:active {
opacity: 0.9;
}
#convertButton {
background-color: #28a745;
color: white;
}
#convertButton:hover {
background-color: #218838;
}
#copyButton {
background-color: #17a2b8;
color: white;
}
#copyButton:hover {
background-color: #138496;
}
document.getElementById('convertButton').addEventListener('click', function () {
let text = document.getElementById('inputText').value;
let binary = text.split('').map(char => {
return char.charCodeAt(0).toString(2).padStart(8, '0');
}).join(' ');
document.getElementById('binaryOutput').value = binary;
});
const clipboard = new ClipboardJS('#copyButton');
clipboard.on('success', function(e) {
alert('Binary copied to clipboard!');
e.clearSelection();
});
clipboard.on('error', function(e) {
alert('Failed to copy. Try again!');
});
