Skip to main content
Write a JavaScript program to change text from Uppercase to Lowercase.
CODING:
<html>
<head>
<title>Write Javascript programe to change text from Uppercase to Lowercase..</title>
</head>
<script type="text/javascript">

function convertToLowercase() 
{
                
var data = document.getElementById("text").value;

var lower= data.toLowerCase();

document.getElementById("text").value = lower;

}

function convertToUppercase() {

var data = document.getElementById("text").value;

var upper= data.toUpperCase();

document.getElementById("text").value = upper;

}
</script>
<body align="center">
<div style="margin-top:100px;">
<input type="textbox"  style="width:300px;padding:6px;font-size:13px" id="text" placeholder="Enter text to convert to Uppercase or Lowercase"/> 
<br><br>
<input type="button" style="cursor:pointer;" value="Lowercase" onClick="convertToLowercase();">&nbsp;
<input type="button" style="cursor:pointer;"  value="UpperCase" onClick="convertToUppercase();">
</div> 
</body>
</html>

Comments