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

Wednesday, September 25, 2024

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

 

Text to ASCII Converter

Text to ASCII Converter

ASCII Output


    

    


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

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

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

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

textarea:focus {
    border-color: #6a5acd;
    outline: none;
}

button {
    width: 100%;
    padding: 10px;
    background-color: #6a5acd;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 18px;
    cursor: pointer;
    transition: background-color 0.3s;
}

button:hover {
    background-color: #483d8b;
}

h2 {
    color: #333;
}

pre {
    background-color: #e6e6fa;
    border-radius: 4px;
    padding: 10px;
    overflow-x: auto;
    white-space: pre-wrap; /* Allow wrapping of ASCII output */
}
document.getElementById('convertButton').addEventListener('click', function() {
    const inputText = document.getElementById('inputText').value;
    const outputASCII = document.getElementById('outputASCII');

    if (inputText) {
        let asciiOutput = '';
        for (let char of inputText) {
            asciiOutput += char.charCodeAt(0) + ' ';
        }
        outputASCII.textContent = asciiOutput.trim();
    } else {
        outputASCII.textContent = 'Please enter some text to convert.';
    }
});











at

















Labels:


















No comments:















Post a Comment


















        

      









Subscribe to:
Post Comments (Atom)