Javascript methods toLowercase() and toUppercase() can be used to make text in your HTML page in upper or lower case respectively.
Syntax: toLowercase() : JavaScript method to convert text case form uppercase to lowercase.
Syntax: toUppercase() : JavaScript method to convert text case form lowercase to uppercase.
Example:
<html>
<head>
<title>JavaScript : Convert text from uppercase to lowercase or lowercase to uppercase.</title>
</head>
<body>
<input type="text" style="width:300px;padding:6px;font-size:13px" id="text" placeholder="Enter text to convert to lowercase or uppercase"/>
<br/><br/>
<input type="button" value="Lowercase" onClick="convertToLowercase();"/>
<input type="button" value="UpperCase" onClick="convertToUppercase();"/>
<br/><br/>
<input type="text" style="width:310px;padding:6px" id="result" placeholder="Result"/>
<script type="text/javascript">
function convertToLowercase() {
var data = document.getElementById("text").value;
var lowerCase = data.toLowerCase();
document.getElementById("result").value = lowerCase;
}
function convertToUppercase() {
var data = document.getElementById("text").value;
var upperCase = data.toUpperCase();
document.getElementById("result").value = upperCase;
}
</script>
</body>
</html>
More Posts related to JavaScript,
- How to Run JavaScript on Mac Terminal
- Get Current time in GMT/UTC using JavaScript
- How to yarn reinstall all Packages
- [javaScript] Convert text case to lowercase
- Get Device Screen Width and Height using javaScript
- Fix - npm start: sh: index.js: command not found
- npm WARN saveError ENOENT: no such file or directory, open /mnt/c/package.json
- JavaScript : Get url protocol HTTP, HTTPS, FILE or FTP
- JavaScript: Convert an Image into Base64 String
- JavaScript : Get current page address
- How to get query string in JavaScript HTML location.search
- Create React App using npm command with TypeScript
- JavaScript: Count Words in a String
- Add Animated Scrolling to Html Page Title Script
- How to send email from JavaScript HTML using mailto
- Javascript convert text case from uppercase to lowercase
- Submit html form on dropdown menu value selection or change using javascript
- Send Extra Data with Ajax Get or Post Request
- Fix: SyntaxError: The requested module does not provide an export named default
- Examples: Convert String to int in JavaScript
- 10 ways to Convert String to a Number in JavaScript
- Excel Fix: SECURITY RISK Microsoft has blocked macros from running because the source of this file is untrusted.
- Fix: ReferenceError: require is not defined in ES module scope [Node]
- [JavaScript] Remove all Newlines From String
- How to detect Browser and Operating System Name and Version using JavaScript
More Posts:
- Bash Command to Do Nothing with Example - Bash
- Graph API error when querying BookingBusinesses - ErrorExceededFindCountLimit, The GetBookingMailboxes request returned too many results - Microsoft
- [Vi/Vim] How to move cursor to the start of a line - MacOS
- JavaScript : Get url protocol HTTP, HTTPS, FILE or FTP - JavaScript
- Android: Unknown error code during application install : - Android
- Mac (macos) startup keyboard boot sequence combinations - MacOS
- Fix SharePoint 2019 installation error This product requires Visual C++ Redistributable Package for Visual Studio 2017 - SharePoint
- Increase Font Size of Eclipse Java Code - Eclipse