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.<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>
This is not an AI-generated article but is demonstrated by a human.
Please support independent contributors like Code2care by donating a coffee.
Buy me a coffee!
Comments & Discussion
Facing issues? Have questions? Post them here! We're happy to help!