Converting to Upper and Lower Case

A string is converted to upper case with toUpperCase(). Likewise, a string can also be converted to lower case with toLowerCase():

   var text1 = "Hello World!   <== String
   var text2 = text1.toUpperCase();  <== text2 is text1 converted to upper

A string can be converted to lower case with toLowerCase():

   var text3 = "GoodBye World!";  <== String
   var text4 = text3.toLowerCase();  <== text4 is text3 converted to lower

HTML file: Displayed by browser:
<body>
<p>Convert string to upper case:</p>
<button onclick="myUpper()">Try Upper Casing</button>
<p id="demo">Hello World!</p>
<hr />
<p>Convert string to lower case:</p>
<button onclick="myLower()">Try Lower Casing</button>
<p id="demo1">GoodBye World!</p>
<script>
function myUpper() {
    var text = document.getElementById("demo").innerHTML;
    document.getElementById("demo").innerHTML = text.toUpperCase();
}
function myLower() {
    var text1 = document.getElementById("demo1").innerHTML;
    document.getElementById("demo1").innerHTML = text1.toLowerCase();
}
</script>
</body>

Convert string to upper case:

Hello World!

Convert string to lower case:

GoodBye World!

BackTable of ContentsNext