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

Friday, October 4, 2024

Octal to Text converter Tool with colorful styling and all its features use any free library

 

Octal to Text Converter

Octal to Text Converter

Converted Text:

body { font-family: Arial, sans-serif; background: linear-gradient(135deg, #f1c40f, #e67e22); color: #333; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; } .container { background: white; border-radius: 10px; padding: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); width: 90%; max-width: 500px; text-align: center; } h1 { color: #2980b9; } textarea { width: 100%; height: 100px; border: 2px solid #2980b9; border-radius: 5px; padding: 10px; margin-bottom: 10px; font-size: 16px; resize: none; } textarea:focus { border-color: #3498db; outline: none; } button { background-color: #27ae60; color: white; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; font-size: 16px; transition: background-color 0.3s; } button:hover { background-color: #219150; } #resultContainer { margin-top: 20px; background: #ecf0f1; padding: 15px; border-radius: 5px; display: none; /* Initially hidden */ } #resultText { font-size: 18px; color: #2980b9; } document.getElementById('convertButton').addEventListener('click', function() { const octalInput = document.getElementById('octalInput').value; const octalArray = octalInput.split(/\s+/); // Split by whitespace let result = ''; for (let octal of octalArray) { const decimal = parseInt(octal, 8); // Convert from octal to decimal if (!isNaN(decimal)) { result += String.fromCharCode(decimal); // Convert from decimal to character } else { result += '?'; // Placeholder for invalid octal } } const resultContainer = document.getElementById('resultContainer'); const resultText = document.getElementById('resultText'); resultText.textContent = result; resultContainer.style.display = 'block'; // Show result container });

No comments:

Post a Comment