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

Saturday, October 12, 2024

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

















Labels:


















No comments:















Post a Comment


















        

      









Subscribe to:
Post Comments (Atom)