All Rounder Tools Blogger-Best blog for blogger: October 2024

Monday, October 14, 2024

Earn money online Tool with colorful styling and all its features use any free library

 

Earn Money Online Tool

Earn Money Online Tool

Submitted Ideas

    body { background-color: #f8f9fa; } h1 { color: #343a40; } h2 { color: #007bff; } .btn-primary { background-color: #28a745; border-color: #28a745; } .btn-primary:hover { background-color: #218838; border-color: #1e7e34; } .list-group-item { background-color: #ffffff; } document.getElementById('ideaForm').addEventListener('submit', function(event) { event.preventDefault(); const ideaInput = document.getElementById('ideaInput'); const ideaText = ideaInput.value; if (ideaText.trim() === '') { alert('Please enter an idea!'); return; } const ideasList = document.getElementById('ideasList'); const newIdeaItem = document.createElement('li'); newIdeaItem.className = 'list-group-item'; newIdeaItem.textContent = ideaText; ideasList.appendChild(newIdeaItem); ideaInput.value = ''; });
    at No comments:
    Labels:

    YouTube subscribe URL Tool with colorful styling and all its features use any free library

     

    YouTube Subscribe URL Tool

    YouTube Subscribe URL Tool

    body { font-family: Arial, sans-serif; background-color: #f0f0f0; margin: 0; padding: 20px; } .container { max-width: 600px; margin: 0 auto; padding: 20px; background: white; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); border-radius: 8px; } h1 { text-align: center; color: #FF0000; } input[type="text"] { width: 100%; padding: 10px; margin: 10px 0; border: 2px solid #FF0000; border-radius: 5px; font-size: 16px; } button { width: 100%; padding: 10px; background-color: #FF0000; color: white; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; } button:hover { background-color: #CC0000; } .result { margin-top: 20px; padding: 10px; border: 2px solid #FF0000; border-radius: 5px; text-align: center; display: none; } .result a { color: #FF0000; text-decoration: none; font-weight: bold; } .result a:hover { text-decoration: underline; } document.getElementById('generateButton').addEventListener('click', function() { const channelId = document.getElementById('channelId').value.trim(); const resultDiv = document.getElementById('result'); if (channelId) { // Create the subscribe link const subscribeLink = `https://www.youtube.com/channel/${channelId}?sub_confirmation=1`; // Display the result resultDiv.innerHTML = `Your Subscribe Link: ${subscribeLink}`; resultDiv.style.display = 'block'; } else { resultDiv.style.display = 'none'; alert('Please enter a valid YouTube Channel ID or URL.'); } });
    at No comments:
    Labels:

    YouTube views gains & subscriber Tool with colorful styling and all its features use any free library

     

    YouTube Views and Subscriber Gain Tool

    YouTube Views & Subscriber Gain Tool

    body { background-color: #f4f4f4; } .card { background-color: #ffffff; border-radius: 8px; } h1 { color: #ff0000; } .btn-primary { background-color: #ff0000; border: none; } .btn-primary:hover { background-color: #e60000; } .result { background-color: #e7f3fe; border: 1px solid #b3d7ff; border-radius: 8px; padding: 20px; } document.getElementById('gainForm').addEventListener('submit', function(event) { event.preventDefault(); const currentViews = parseInt(document.getElementById('currentViews').value); const currentSubscribers = parseInt(document.getElementById('currentSubscribers').value); const viewGain = parseInt(document.getElementById('viewGain').value); const subscriberGain = parseInt(document.getElementById('subscriberGain').value); const newViews = currentViews + viewGain; const newSubscribers = currentSubscribers + subscriberGain; document.getElementById('viewResult').textContent = `New Views: ${newViews}`; document.getElementById('subscriberResult').textContent = `New Subscribers: ${newSubscribers}`; document.getElementById('result').style.display = 'block'; });
    at No comments:
    Labels:

    Saturday, October 12, 2024

    JSON to XML Tool with colorful styling and all its features use any free library

     

    JSON to XML Converter

    JSON to XML Converter

    XML Output

    body { font-family: Arial, sans-serif; background-color: #f0f4f8; color: #333; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; } .container { background: white; border-radius: 8px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); padding: 20px; width: 90%; max-width: 600px; } h1 { text-align: center; color: #4A90E2; } textarea { width: 100%; height: 150px; margin: 10px 0; padding: 10px; border: 1px solid #ccc; border-radius: 4px; font-size: 16px; resize: none; } textarea:focus { border-color: #4A90E2; outline: none; } button { background-color: #4A90E2; color: white; border: none; padding: 10px 15px; border-radius: 4px; cursor: pointer; width: 100%; } button:hover { background-color: #357ABD; } h2 { margin-top: 20px; color: #4A90E2; } document.getElementById('convertButton').addEventListener('click', function() { const jsonInput = document.getElementById('jsonInput').value; const xmlOutput = document.getElementById('xmlOutput'); try { const jsonObject = JSON.parse(jsonInput); const xmlString = jsonToXml(jsonObject); xmlOutput.value = xmlString; } catch (e) { xmlOutput.value = 'Invalid JSON input!'; } }); function jsonToXml(json) { let xml = ''; for (const prop in json) { if (json.hasOwnProperty(prop)) { xml += `<${prop}>`; if (typeof json[prop] === 'object' && !Array.isArray(json[prop])) { xml += jsonToXml(json[prop]); } else if (Array.isArray(json[prop])) { json[prop].forEach(item => { xml += `<${prop}>${jsonToXml(item)}</${prop}>`; }); } else { xml += json[prop]; } xml += `</${prop}>`; } } return xml; }
    at No comments:
    Labels:

    XML to JSON Tool with colorful styling and all its features use any free library

     

    XML to JSON Converter

    XML to JSON Converter

    JSON Output

    
    
    

    
    


body {
    font-family: Arial, sans-serif;
    background-color: #f4f4f4;
    margin: 0;
    padding: 20px;
}

.container {
    max-width: 800px;
    margin: 0 auto;
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

h1 {
    text-align: center;
    color: #333;
}

textarea {
    width: 100%;
    height: 200px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: none;
}

button {
    display: block;
    width: 100%;
    padding: 10px;
    background-color: #28a745;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 10px;
}

button:hover {
    background-color: #218838;
}

pre {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    padding: 10px;
    overflow-x: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    margin-top: 10px;
}
document.getElementById('convertBtn').addEventListener('click', function() {
    const xmlInput = document.getElementById('xmlInput').value;
    const parser = new xml2js.Parser();

    parser.parseString(xmlInput, function (err, result) {
        if (err) {
            document.getElementById('jsonOutput').textContent = 'Error parsing XML: ' + err.message;
            return;
        }
        
        // Convert result to JSON string
        const jsonString = JSON.stringify(result, null, 4);
        document.getElementById('jsonOutput').textContent = jsonString;
    });
});

    

    

    

    



at





No comments:
  




    


    

    

    

Labels:



    

    



    

    

    

    

    

    




    
JSON to CSV Tool with colorful styling and all its features use any free library 

    

    

    

    

    

     
    


    
    
    JSON to CSV Converter
    


    
    
        
    JSON to CSV Converter
    
        
        
        
        
    
    

    
    


body {
    font-family: Arial, sans-serif;
    background-color: #f0f4f8;
    color: #333;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
}

.container {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    width: 90%;
    max-width: 600px;
}

h1 {
    text-align: center;
    color: #4a90e2;
}

textarea {
    width: 100%;
    height: 150px;
    margin: 10px 0;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    resize: none;
    font-size: 14px;
}

button {
    background-color: #4a90e2;
    color: white;
    border: none;
    border-radius: 4px;
    padding: 10px 15px;
    cursor: pointer;
    font-size: 16px;
    width: 100%;
}

button:hover {
    background-color: #357ab8;
}

button:disabled {
    background-color: #ddd;
    cursor: not-allowed;
}

@media (max-width: 600px) {
    button {
        padding: 8px 12px;
    }
}
document.getElementById('convertBtn').addEventListener('click', () => {
    const jsonInput = document.getElementById('jsonInput').value;
    const csvOutput = document.getElementById('csvOutput');
    const downloadBtn = document.getElementById('downloadBtn');

    try {
        const jsonData = JSON.parse(jsonInput);
        const csv = Papa.unparse(jsonData);
        csvOutput.value = csv;
        downloadBtn.style.display = 'block';
        downloadBtn.onclick = () => downloadCSV(csv);
    } catch (error) {
        alert('Invalid JSON input. Please check your JSON format.');
        csvOutput.value = '';
        downloadBtn.style.display = 'none';
    }
});

function downloadCSV(csv) {
    const blob = new Blob([csv], { type: 'text/csv;charset=utf-8;' });
    const link = document.createElement('a');
    link.href = URL.createObjectURL(blob);
    link.setAttribute('download', 'output.csv');
    document.body.appendChild(link);
    link.click();
    document.body.removeChild(link);
}

    

    

    

    



at





No comments:
  




    


    

    

    

Labels:



    

    



    

    

    

    

    

    




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

    

    

    

    

    

     
    


    
    
    JSON to Text Converter
    


    
    
        
    JSON to Text Converter
    
        
        
        
    Converted Text
    
        
    
    
    
    


body {
    font-family: Arial, sans-serif;
    background-color: #f0f4f8;
    color: #333;
    margin: 0;
    padding: 20px;
}

.container {
    max-width: 600px;
    margin: auto;
    padding: 20px;
    border-radius: 8px;
    background-color: #ffffff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

h1 {
    color: #4a90e2;
}

textarea {
    width: 100%;
    height: 200px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-family: monospace;
    font-size: 14px;
    resize: none;
}

button {
    background-color: #4caf50;
    color: white;
    border: none;
    padding: 10px 15px;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 10px;
}

button:hover {
    background-color: #45a049;
}

h2 {
    color: #4a90e2;
    margin-top: 20px;
}

pre {
    background-color: #f9f9f9;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow-x: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
}
document.getElementById('convertBtn').addEventListener('click', function() {
    const jsonInput = document.getElementById('jsonInput').value;
    const textOutput = document.getElementById('textOutput');

    try {
        const jsonObject = JSON.parse(jsonInput);
        const convertedText = jsonToText(jsonObject);
        textOutput.textContent = convertedText;
    } catch (error) {
        textOutput.textContent = 'Invalid JSON: ' + error.message;
    }
});

function jsonToText(jsonObject) {
    let result = '';
    
    function recursiveText(obj, indent = '') {
        for (const key in obj) {
            if (obj.hasOwnProperty(key)) {
                if (typeof obj[key] === 'object' && obj[key] !== null) {
                    result += `${indent}${key}:\n`;
                    recursiveText(obj[key], indent + '  ');
                } else {
                    result += `${indent}${key}: ${obj[key]}\n`;
                }
            }
        }
    }
    
    recursiveText(jsonObject);
    return result.trim();
}

    

    

    

    



at





No comments:
  




    


    

    

    

Labels:



    

    



    

    

    

    

    

    




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

    

    

    

    

    

     
    


    
    
    Text to JSON Tool
    
    


    
    
        
    Text to JSON Converter
    
        
    
            
    
                
    Input Text
    
                
                
            
    
            
    
                
    Output JSON
    
                
                
            
    
        
    
    
    

    


body {
    background-color: #f8f9fa;
}

textarea {
    border: 2px solid #007bff;
}

textarea:focus {
    border-color: #0056b3;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}

.btn-success {
    background-color: #28a745;
}

.btn-success:hover {
    background-color: #218838;
}

.btn-info {
    background-color: #17a2b8;
}

.btn-info:hover {
    background-color: #138496;
}
document.getElementById('convertBtn').addEventListener('click', function() {
    const inputText = document.getElementById('inputText').value;
    const lines = inputText.split('\n');
    const jsonOutput = {};

    lines.forEach(line => {
        const [key, value] = line.split(':').map(item => item.trim());
        if (key && value) {
            jsonOutput[key] = value;
        }
    });

    document.getElementById('outputJson').value = JSON.stringify(jsonOutput, null, 2);
});

document.getElementById('copyBtn').addEventListener('click', function() {
    const outputJson = document.getElementById('outputJson');
    outputJson.select();
    document.execCommand('copy');

    alert('Copied to clipboard!');
});

    

    

    

    



at





No comments:
  




    


    

    

    

Labels:



    

    



    

    

    

    

    

    




    
 JSON Viewer Tool with colorful styling and all its features use any free library..

    

    

    

    

    

     
    


    
    
    JSON Viewer Tool
    
    


    
    
        
    JSON Viewer Tool
    
        
        
        
    
    
    

    
    


body {
    font-family: Arial, sans-serif;
    background-color: #f4f4f4;
    margin: 0;
    padding: 20px;
}

.container {
    max-width: 800px;
    margin: auto;
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

h1 {
    text-align: center;
}

textarea {
    width: 100%;
    height: 200px;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-family: monospace;
}

button {
    display: block;
    width: 100%;
    padding: 10px;
    background-color: #28a745;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

button:hover {
    background-color: #218838;
}

.json-output {
    margin-top: 20px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #f9f9f9;
    max-height: 400px;
    overflow-y: auto;
    white-space: pre-wrap;
}
document.getElementById('loadJson').addEventListener('click', function() {
    const jsonInput = document.getElementById('jsonInput').value;
    let jsonData;

    try {
        jsonData = JSON.parse(jsonInput);
        displayJson(jsonData);
    } catch (error) {
        alert('Invalid JSON: ' + error.message);
        document.getElementById('jsonOutput').innerHTML = '';
    }
});

function displayJson(data) {
    const output = document.getElementById('jsonOutput');
    output.innerHTML = '';
    output.appendChild(createTree(data));
    hljs.highlightBlock(output);
}

function createTree(data) {
    const container = document.createElement('div');

    if (typeof data === 'object' && data !== null) {
        const list = document.createElement('ul');
        for (const key in data) {
            const listItem = document.createElement('li');

            const keyElement = document.createElement('span');
            keyElement.className = 'key';
            keyElement.textContent = key + ': ';
            listItem.appendChild(keyElement);

            if (typeof data[key] === 'object' && data[key] !== null) {
                const childContainer = createTree(data[key]);
                childContainer.style.display = 'none';
                listItem.appendChild(childContainer);

                keyElement.addEventListener('click', () => {
                    const isVisible = childContainer.style.display === 'block';
                    childContainer.style.display = isVisible ? 'none' : 'block';
                });
            } else {
                const valueElement = document.createElement('span');
                valueElement.className = 'value';
                valueElement.textContent = JSON.stringify(data[key]);
                listItem.appendChild(valueElement);
            }

            list.appendChild(listItem);
        }
        container.appendChild(list);
    } else {
        container.textContent = JSON.stringify(data);
    }

    return container;
}

    

    

    

    



at





No comments:
  




    


    

    

    

Labels:



    

    



    

    

    

    

    

    




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

    

    

    

    

    

     
    


    
    
    Decimal to Text Converter
    


    
    
        
    Decimal to Text Converter
    
        
        
        
    
    
    
    


body {
    font-family: Arial, sans-serif;
    background: linear-gradient(135deg, #84fab0, #8fd3f4);
    color: #333;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
}

.container {
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    padding: 20px;
    text-align: center;
    max-width: 400px;
    width: 100%;
}

h1 {
    margin-bottom: 20px;
    color: #4a4a4a;
}

input {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 2px solid #84fab0;
    border-radius: 5px;
    font-size: 16px;
}

button {
    padding: 10px 15px;
    border: none;
    border-radius: 5px;
    background-color: #8fd3f4;
    color: white;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s;
}

button:hover {
    background-color: #84fab0;
}

h2 {
    margin-top: 20px;
    color: #4a4a4a;
}
document.getElementById('convertButton').addEventListener('click', function() {
    const decimalInput = document.getElementById('decimalInput').value;
    const resultElement = document.getElementById('result');
    
    // Check if input is a valid number
    if (isNaN(decimalInput) || decimalInput.trim() === '') {
        resultElement.innerText = 'Please enter a valid decimal number.';
        return;
    }

    const decimalNumber = parseFloat(decimalInput);
    resultElement.innerText = convertDecimalToText(decimalNumber);
});

function convertDecimalToText(decimal) {
    if (decimal < 0) return 'Negative numbers are not supported.';
    
    const ones = [
        '', 'one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight', 'nine', 
        'ten', 'eleven', 'twelve', 'thirteen', 'fourteen', 'fifteen', 'sixteen', 
        'seventeen', 'eighteen', 'nineteen'
    ];
    const tens = [
        '', '', 'twenty', 'thirty', 'forty', 'fifty', 'sixty', 'seventy', 'eighty', 'ninety'
    ];
    
    if (decimal < 20) return ones[Math.floor(decimal)];
    if (decimal < 100) {
        const tenPart = Math.floor(decimal / 10);
        const onePart = decimal % 10;
        return tens[tenPart] + (onePart ? '-' + ones[onePart] : '');
    }
    if (decimal < 1000) {
        const hundredPart = Math.floor(decimal / 100);
        const rest = decimal % 100;
        return ones[hundredPart] + ' hundred' + (rest ? ' and ' + convertDecimalToText(rest) : '');
    }

    return 'Numbers larger than 999 are not supported.';
}

    

    

    

    



at





No comments:
  




    


    

    

    

Labels:



    

    



    

    

    

    

    

    




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

    

    

    

    

    

     
    


    
    
    Text to Decimal Converter
    


    
    
        
    Text to Decimal Converter
    
        
        
        
    Decimal Output:
    
        
    
    
    
    


body {
    font-family: 'Arial', sans-serif;
    background: linear-gradient(135deg, #f9f9f9, #e0e0e0);
    color: #333;
    margin: 0;
    padding: 20px;
}

.container {
    max-width: 600px;
    margin: 0 auto;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
}

h1 {
    text-align: center;
    color: #4A90E2;
}

textarea {
    width: 100%;
    height: 150px;
    border: 2px solid #4A90E2;
    border-radius: 5px;
    padding: 10px;
    font-size: 16px;
    resize: none;
}

textarea:focus {
    border-color: #007BFF;
    outline: none;
}

button {
    display: block;
    width: 100%;
    padding: 10px;
    margin: 20px 0;
    background-color: #4A90E2;
    border: none;
    border-radius: 5px;
    color: white;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s;
}

button:hover {
    background-color: #007BFF;
}

h2 {
    color: #333;
}

pre {
    background-color: #f4f4f4;
    padding: 10px;
    border-radius: 5px;
    white-space: pre-wrap;
    word-wrap: break-word;
}
document.getElementById('convertButton').addEventListener('click', function() {
    const textInput = document.getElementById('textInput').value;
    const decimalOutput = convertTextToDecimal(textInput);
    document.getElementById('decimalOutput').textContent = decimalOutput;
});

function convertTextToDecimal(text) {
    return text.split('').map(char => char.charCodeAt(0)).join(' ');
}

    

    

    

    



at





No comments:
  




    


    

    

    

Labels:



    

    



    

    

    

    

          
    
        

          
    
        

    Friday, October 4, 2024
    

          
    
        

    

    




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

    

    

    

    

    

     
    


    
    
    HEX to Text Converter
    
    




    
    
    HEX to Text Converter
    
    
    
        
    
            
    
                
                
            
    
            
            
    
                
                
            
    
        
    
    
    

    




body {
    background-color: #f8f9fa;
}

.card {
    border: 1px solid #007bff;
}

.card-body {
    background-color: #e9ecef;
    border-radius: 5px;
}

h1 {
    color: #007bff;
}

.btn-primary {
    background-color: #007bff;
    border-color: #007bff;
}

textarea {
    background-color: #ffffff;
    border: 1px solid #ced4da;
}
document.getElementById('convertBtn').addEventListener('click', function() {
    const hexInput = document.getElementById('hexInput').value;
    const textOutput = document.getElementById('textOutput');

    if (hexInput.match(/^[0-9A-Fa-f]+$/) && hexInput.length % 2 === 0) {
        textOutput.value = hexToText(hexInput);
    } else {
        textOutput.value = 'Invalid HEX input. Please enter a valid even-length HEX string.';
    }
});

function hexToText(hex) {
    let text = '';
    for (let i = 0; i < hex.length; i += 2) {
        text += String.fromCharCode(parseInt(hex.substr(i, 2), 16));
    }
    return text;
}

    

    

    

    



at





No comments:
  




    


    

    

    

Labels:



    

    



    

    

    

    

    

    




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

    

    

    

    

    

     
    


    
    
    Text to HEX Converter
    


    
    
        
    Text to HEX Converter
    
        
        
        
    HEX Output:
    
        
    
    
    
    


* {
    box-sizing: border-box;
}

body {
    font-family: Arial, sans-serif;
    background-color: #f0f4f8;
    margin: 0;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.container {
    background: white;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    width: 400px;
}

h1 {
    color: #3498db;
    text-align: center;
}

textarea {
    width: 100%;
    height: 100px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 16px;
}

button {
    width: 100%;
    padding: 10px;
    background-color: #3498db;
    color: white;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s;
}

button:hover {
    background-color: #2980b9;
}

.output {
    margin-top: 20px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f9f9f9;
    font-family: monospace;
    word-wrap: break-word;
}
document.getElementById('convertButton').addEventListener('click', function() {
    const inputText = document.getElementById('inputText').value;
    const hexOutput = document.getElementById('hexOutput');

    if (inputText.trim() === "") {
        hexOutput.textContent = "Please enter some text to convert.";
        return;
    }

    // Convert each character to HEX
    let hexString = '';
    for (let i = 0; i < inputText.length; i++) {
        hexString += inputText.charCodeAt(i).toString(16).padStart(2, '0') + ' ';
    }

    hexOutput.textContent = hexString.trim();
});

    

    

    

    



at





No comments:
  




    


    

    

    

Labels:



    

    



    

    

    

    

    

    




    
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
});

    

    

    

    



at





No comments:
  




    


    

    

    

Labels:



    

    



    

    

    

    

          
    
        

          
    
        

    Thursday, October 3, 2024
    

          
    
        

    

    




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

    

    

    

    

    

     
    


    
    
    Text to Octal Converter
    


    
    
        
    Text to Octal Converter
    
        
        
        
    Octal Output
    
        
    
    
    


body {
    font-family: Arial, sans-serif;
    background-color: #f4f4f9;
    color: #333;
    margin: 0;
    padding: 20px;
}

.container {
    max-width: 600px;
    margin: auto;
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

h1 {
    text-align: center;
    color: #4a4e69;
}

textarea {
    width: 100%;
    height: 100px;
    margin: 10px 0;
    padding: 10px;
    border: 2px solid #4a4e69;
    border-radius: 5px;
    resize: none;
    font-size: 16px;
}

button {
    background-color: #9a8c98;
    color: white;
    border: none;
    padding: 10px 15px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    width: 100%;
}

button:hover {
    background-color: #c9ada7;
}

h2 {
    color: #4a4e69;
}
document.getElementById('convertButton').addEventListener('click', function() {
    const inputText = document.getElementById('inputText').value;
    const octalOutput = textToOctal(inputText);
    document.getElementById('outputText').value = octalOutput;
});

function textToOctal(text) {
    return text.split('').map(char => char.charCodeAt(0).toString(8)).join(' ');
}

    

    

    

    



at





No comments:
  




    


    

    

    

Labels:



    

    



    

    

    

    

        
    
      

    


    

    

    
Subscribe to:
Posts (Atom)

    

    

    

    

    Supreme Court Reduces Mandatory Three-Year Legal Practice to One Year for Entry-Level Judicial Examination
    

    
The Supreme Court of India has recently brought a significant change in the eligibility requirements for entry-level judicial service examin...