Search This Blog

Sunday 22 July 2018

5. 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