To convert a string (text) to lowercase one can make use of javaScript toLowercase() function.
Let's see an example:<html>
<head>
<title>Convert text to lower case!</title>
</head>
<body>
<input type="text" style="width:300px;padding:6px" id="text"
placeholder="Enter text to convert to lower case"/>
<br/><br/>
<input type="button" value="Convert" onClick="convertToLovercase();"/>
<br/><br/>
<input type="text" style="width:300px;padding:6px" id="result"
placeholder="Result"/>
<script type="text/javascript">
function convertToLovercase() {
var data = document.getElementById("text").value;
var lowerCase = data.toLowerCase();
document.getElementById("result").value = lowerCase;
}
</script>
</body>
</html>More Posts related to JavaScript,
- JavaScript: Count Words in a String
- How to check if a String contains substring or a word using javaScript
- npm WARN saveError ENOENT: no such file or directory, open /mnt/c/package.json
- Detect if Cookies are enabled using JavaScript
- Examples: Convert String to int in JavaScript
- Remove items from JavaScript array
- JavaScript : Get url protocol HTTP, HTTPS, FILE or FTP
- Write javaScript code in Swedish using FikaScript
- How to get UTC (GMT) time using JavaScript
- How to Print from JavaScript HTML using window.print
- How to get current URL Location using Javascript HTML
- Submit html form on dropdown menu value selection or change using javascript
- Javascript convert text case from uppercase to lowercase
- [javaScript] Convert text case to lowercase
- Add Animated Scrolling to Html Page Title Script
- JavaScript date in yyyy-MM-dd format
- Send Extra Data with Ajax Get or Post Request
- Loading previous page using html button using JavaScript
- How to send email from JavaScript HTML using mailto
- JavaScript : Get current page address
- How to get query string in JavaScript HTML location.search
- How to detect Browser and Operating System Name and Version using JavaScript
- Writing your first Hello, World! 🌍 JavaScript code Tutorial
- Get Device Screen Width and Height using javaScript
More Posts:
- Align left align text in Bootstrap - Bootstrap
- How to hide quick launch in SharePoint classic site - SharePoint
- Hide Navigation Bar from Android Screen Activity - Android
- FCM Messages Test Notification!!!! - Microsoft Teams, Google Hangouts push alert - News
- CentOS Cannot find a valid baseurl for repo base7x86_64 yum - HowTos