Hello Friends Today, through this tutorial, I will tell you How to ASCII to text Convert Using JavaScript Without Submit Button with HTML? You can create a simple HTML page with JavaScript to convert ASCII to text without using a submit button. Here’s an example:
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ASCII to Text Converter</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 20px;
}
input {
width: 100%;
padding: 8px;
box-sizing: border-box;
}
p {
margin-top: 10px;
white-space: pre-wrap;
}
</style>
</head>
<body>
<h2>ASCII to Text Converter</h2>
<label for="asciiInput">Enter ASCII Codes (comma-separated):</label>
<input type="text" id="asciiInput" placeholder="Enter ASCII codes">
<p id="textOutput"></p>
<script>
document.getElementById('asciiInput').addEventListener('input', convertASCII);
function convertASCII() {
const asciiInput = document.getElementById('asciiInput').value;
const textOutput = document.getElementById('textOutput');
// Split the input into an array of ASCII codes
const asciiArray = asciiInput.split(',');
// Convert ASCII codes to characters
const textResult = asciiArray.map(code => String.fromCharCode(parseInt(code.trim(), 10))).join('');
// Display the result
textOutput.textContent = 'Text Output:\n' + textResult;
}
</script>
</body>
</html>
In this example, the conversion happens dynamically as you type in the input field without the need for a submit button. The `convertASCII` function is triggered by the input event on the ASCII input field, and it updates the text output accordingly. The output is displayed below the input field. Just separate the ASCII codes with commas in the input field, and the corresponding text will be displayed dynamically.