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();">
<input type="button" style="cursor:pointer;" value="UpperCase" onClick="convertToUppercase();">
</div>
</body>
</html>
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();">
<input type="button" style="cursor:pointer;" value="UpperCase" onClick="convertToUppercase();">
</div>
</body>
</html>
Comments
Post a Comment