String Object Method In TypeScript: Part 6

In this article you will learn about the string object's toLowerCase method in TypeScript.

String Object Method In TypeScript: Part 6 

 
Before reading this article, please go through the following articles:

Introduction

 
The String object is used to manage a series of characters. A String object contains complete information about a string. In TypeScript, the String objects are created with "new String()".
 
In this article, I am describing the string object's "toLowerCase" method in the TypeScript.
 

toLoweCase() Method

 
In TypeScript, the toLowerCase() method returns a new string with all uppercase letters converted to lowercase. These methods have no parameters but don't forget to include the empty set of parentheses after the method name.
 
Syntax
  1. string.toLowerCase()   
Function
  1. toLowerCase() {  
  2.  var str = prompt("Please Enter String In Upper Case");  
  3.  var lowerstr = str.toLowerCase();  
  4.  var span = document.createElement("span");  
  5.  span.style.color = "green";  
  6.  span.innerText = "toLowerCase Method \n String is-> " + str + "\n Converted In Lower Case string is-> " + lowerstr + "\n";  
  7.  document.body.appendChild(span);  
  8. }  
The following example shows how to use the toLowerCase method in TypeScript. In this example, we get the uppercase string from the user and this method returns a new string with all uppercase letters converted to lowercase.
 
Complete Program
 

toLowerCase.ts

  1. class toLowerCase {  
  2.  toLowerCase() {  
  3.   var str = prompt("Please Enter String In Upper Case");  
  4.   var lowerstr = str.toLowerCase();  
  5.   var span = document.createElement("span");  
  6.   span.style.color = "green";  
  7.   span.innerText = "toLowerCase Method \n String is-> " + str + "\n Converted In Lower Case string is-> " + lowerstr + "\n";  
  8.   document.body.appendChild(span);  
  9.  }  
  10. }  
  11. window.onload = () => {  
  12.  var obj = new toLowerCase();  
  13.  obj.toLowerCase();  
  14. };  

toLowerCase_MethodDemo.htm

  1. < !DOCTYPE html >  
  2.  <  
  3.  html lang = "en"  
  4. xmlns = "http://www.w3.org/1999/xhtml" >  
  5.  <  
  6.  head >  
  7.  <  
  8.  meta charset = "utf-8" / >  
  9.  <  
  10.  title > TypeScript HTML App < /title>  
  11.  <  
  12.  link rel = "stylesheet"  
  13. href = "app.css"  
  14. type = "text/css" / >  
  15.  <  
  16.  script src = "toLowerCase.js" > < /script>  
  17.  <  
  18.  /head>  
  19.  <  
  20.  body >  
  21.  <  
  22.  h3 > toLowerCase() String Object Method In TypeScript < /h3>  
  23.  <  
  24.  div id = "content" / >  
  25.  <  
  26.  /body>  
  27.  <  
  28.  /html>  

toLowerCase.js

  1. var toLowerCase = (function() {  
  2.  function toLowerCase() {}  
  3.  toLowerCase.prototype.toLowerCase = function() {  
  4.   var str = prompt("Please Enter String In Upper Case");  
  5.   var lowerstr = str.toLowerCase();  
  6.   var span = document.createElement("span");  
  7.   span.style.color = "green";  
  8.   span.innerText = "toLowerCase Method \n String is-> " + str + "\n Converted In Lower Case string is-> " + lowerstr + "\n";  
  9.   document.body.appendChild(span);  
  10.  };  
  11.  return toLowerCase;  
  12. })();  
  13. window.onload = function() {  
  14.  var obj = new toLowerCase();  
  15.  obj.toLowerCase();  
  16. };  
Output 1
 
Enter a string in uppercase and click on "Ok".
 
 Enter-String.jpg
 
Output 2
 
 lower-case-string.jpg