DEV Community

Chithra Priya
Chithra Priya

Posted on

JavaScript String Methods()..

Today, my mentor taught string methods in JavaScript, and then gave us some tasks to practice.

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- Desc: string to lowercase -->

    <!-- <h1>String Lowercase()</h1>
    <p>JavaScript is the world's most popular programming language</p>
    <button onClick="Lowercase()">Change text</button>
    <div id="Change"></div>

    <script>
        function Lowercase() {
            let text = "JavaScript is the world's most popular programming language";
            document.getElementById("Change").innerText = text.toLocaleLowerCase();
        }
    </script> -->

    <!-- Desc: String concat -->

    <!-- <h1>String Concat()</h1>
    <p>show my name</p>
    <div id="concat"></div>

    <script>
        let text1 = "Chithra";
        let text2 = "Priya";
        let text3 = text1.concat(" ", text2);
        document.getElementById("concat").innerHTML = text3;
    </script>


 <!-- Desc: Strinng Trim  -->

    <!-- <h1>String trim()</h1>
<p id="trim"></p>

<script>
let text1 = "     Hello World!     ";
let text2 = text1.trimStart();
document.getElementById("trim").innerHTML =
"Length text1 = " + text1.length + "<br>Length text2 = " + text2.length;
</script> -->

    <!-- Desc: Trim start -->

    <!-- <h1>The trimStart()</h1>
    <p id="demo"></p>

    <script>
        let text1 = "     chithra priya!     ";
        let text2 = text1.trimStart();
        document.getElementById("demo").innerHTML =
            "Length text1 = " + text1.length + "<br>Length text2 = " + text2.length;
    </script> -->

<!-- Desc: Trim end -->

<!-- <h1>The trimEnd()</h1>
<p id="demo"></p>

<script>
let text1 = "     Chithrapriya     ";
let text2 = text1.trimEnd();
document.getElementById("demo").innerHTML =
"Length text1 = " + text1.length + "<br>Length text2 = " + text2.length;
</script> -->

<!-- Desc: String padStart -->

<!-- <h1>The padStart()</h1>
<p>It pads the string with another string (multiple times) until it reaches a given length.</p>
<p id="demo"></p>

<script>
let text = "5";
text = text.padStart(10,"1");
document.getElementById("demo").innerHTML = text;
</script> -->

Desc: String padEnd

<h1>The padEnd()</h1>
<p>It pads the string with another string (multiple times) until it reaches a given length.</p>
<p id="demo"></p>

<script>
let text = "5";
text = text.padEnd(10,"0");
document.getElementById("demo").innerHTML = text;
</script>

</body>
</html>
Enter fullscreen mode Exit fullscreen mode

Top comments (0)