Search This Blog

Monday 29 November 2021

6. Create a webpage to convert a given text from uppercase to lowercase using JavaScript.

 <!--Create a webpage to convert a given text from uppercase to lowercase using JavaScript.-->

<HTML>

     <HEAD>

     <STYLE Type="text/css">

  input { height:25px; width:100px; color:blue}

  th { text-align:left;}

  </STYLE>

     <SCRIPT  Language="JavaScript">

function Convert()

{

if(( document.forms[0].elements[0].value != "" ) && 

document.forms[0].elements[0].value !=

document.forms[0].elements[0].value.toLowerCase() )

{

     document.forms[0].elements[1].value =

     document.forms[0].elements[0].value.toLowerCase();

}

else

     alert("Enter Text in UPPERCASE!");

}

     </SCRIPT></HEAD>

     <BODY TEXT=blue BGCOLOR=BEIGE SIZE=22>

     <CENTER>

     <H3>CONVERSION OF TEXT FROM UPPERCASE TO LOWERCASE</H3>

     <FORM>

     <TABLE bgcolor=gray>

     <TR><TH>Enter Text in UpperCase</TH>

     <TH><INPUT TYPE="text" NAME="upper" value="" SIZE=10></TH></TR>

     <TR><TH>Text in LowerCase</TH>

     <TH><INPUT TYPE="text" DISABLED NAME="lower" value=""  SIZE=10></TH></TR>

     <TABLE>

     <br>

     <INPUT TYPE="button" onClick="Convert()" value="CONVERT">

     <INPUT TYPE="reset"  value="RESET">

     </FORM>   </CENTER> </BODY> </HTML>

No comments :

Post a Comment

FREE Hit Counters