This Tool is very helpful for Computer students, this tool will help you to calculate the text for your binary code. you need to enter some binary code and it will return the text against that binary code.
This is very easy to use written in Javascript, HTML and Css.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Binary to Text Converter</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
<style>
body {
font-family: Arial, sans-serif;
background: linear-gradient(135deg, #4e54c8, #8f94fb);
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
color: #fff;
}
.converter-container {
background: #ffffff30;
backdrop-filter: blur(10px);
padding: 20px 30px;
border-radius: 15px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
width: 90%;
max-width: 600px;
}
.converter-container h1 {
text-align: center;
font-size: 2rem;
margin-bottom: 20px;
color: #f8f9fa;
}
.input-group {
margin-bottom: 15px;
}
.input-group label {
display: block;
font-weight: bold;
margin-bottom: 5px;
}
textarea {
width: 100%;
height: 100px;
padding: 10px;
font-size: 1rem;
border: none;
border-radius: 8px;
resize: none;
}
button {
display: block;
width: 100%;
padding: 10px;
font-size: 1rem;
font-weight: bold;
color: #4e54c8;
background: #f8f9fa;
border: none;
border-radius: 8px;
cursor: pointer;
transition: 0.3s;
}
button:hover {
background: #8f94fb;
color: #f8f9fa;
}
.output {
margin-top: 20px;
padding: 10px;
background: #ffffff70;
border-radius: 8px;
font-size: 1rem;
word-wrap: break-word;
color: #333;
}
.output p {
margin: 0;
}
.footer {
margin-top: 20px;
text-align: center;
font-size: 0.8rem;
}
.footer a {
color: #f8f9fa;
text-decoration: none;
}
.footer a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<div class="converter-container">
<h1>Binary to Text Converter</h1>
<div class="input-group">
<label for="binaryInput">Enter Binary Code:</label>
<textarea id="binaryInput" placeholder="E.g., 01001000 01100101 01101100 01101100 01101111"></textarea>
</div>
<button onclick="convertBinaryToText()">Convert to Text</button>
<div class="output" id="output">
<p>Your converted text will appear here...</p>
</div>
<div class="footer">
<p>Created with <i class="fas fa-heart"></i> by <a href="#">Your Name</a></p>
</div>
</div>
<script>
function convertBinaryToText() {
const binaryInput = document.getElementById('binaryInput').value.trim();
const outputElement = document.getElementById('output');
if (!binaryInput) {
outputElement.innerHTML = '<p style="color: red;">Please enter binary code!</p>';
return;
}
try {
const binaryArray = binaryInput.split(' ');
const text = binaryArray.map(bin => String.fromCharCode(parseInt(bin, 2))).join('');
outputElement.innerHTML = `<p>${text}</p>`;
} catch (error) {
outputElement.innerHTML = '<p style="color: red;">Invalid binary input. Please ensure it is properly formatted.</p>';
}
}
</script>
</body>
</html>