"Reverse Text Converter Tool code,
follow these steps:
.jpeg "Reverse Text Converter Tool")
1. **Copy the Code:**
Copy the entire HTML code provided in my previous response.
2. **Create a New HTML File:**
Open a text editor (like Notepad, Visual Studio Code, Sublime Text, etc.) and paste the copied code into a new file.
3. **Save the File:**
Save the file with an `.html` extension. For example, you can name it `index.html`.
4. **Open in a Web Browser:**
Double-click on the saved HTML file, and it will open in your default web browser.
5. **Enter Text and Reverse:**
On the web page, you'll see a text input box. Enter the text you want to reverse and click the "Reverse Text" button.
6. **View Reversed Text:**
The reversed text will appear in the second text input box on the page.
That's it! You've now successfully used the Reverse Text Converter Tool. Feel free to customize the code or styling further if needed.
Please copy this Scripts
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Reverse Text Converter</title>
<style>
body {
font-family: Arial, sans-serif;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
#container {
text-align: center;
}
#inputText, #outputText {
width: 300px;
padding: 10px;
margin-bottom: 10px;
}
#reverseButton {
padding: 10px;
background-color: #4CAF50;
color: white;
border: none;
cursor: pointer;
}
</style>
</head>
<body>
<div id="container">
<h2>Reverse Text Converter</h2>
<input type="text" id="inputText" placeholder="Enter text to reverse">
<button onclick="reverseText()" id="reverseButton">Reverse Text</button>
<input type="text" id="outputText" placeholder="Reversed text will appear here" readonly>
</div>
<script>
function reverseText() {
var inputText = document.getElementById("inputText").value;
var reversedText = inputText.split("").reverse().join("");
document.getElementById("outputText").value = reversedText;
}
</script>
</body>
</html>
.jpeg)
