JavaScript padEnd() Method

The padEnd() method in JavaScript is used to pad a string with another string until it reaches the given length. The padding is applied from the right end of the string.

Syntax:

string.padEnd( targetLength, padString )

Parameters: This method accepts two parameters as mentioned above and described below:

• targetLength: It is the length of the final string once the original string has been padded. If the value is less than the original string length, then the original string is returned.
• padString: It is the string that is to be padded with the original string. If this value is too long to be within the targetLength, it is truncated.

Return Value: It returns the final string that is padded with the given string of the given length. 

Example 1: This example uses the padEnd() method to pad strings into another string. 

html

<h1 style="color: green">
    GeeksforGeeks
</h1>

<b>
    JavaScript | padEnd() method
</b>

<p>
    Output for "Hello" with "$":
    <span class="output"></span>
</p>

<p>
    Output for "Geeks" with "Geeks":
    <span class="output2"></span>
</p>

<button onclick="padStrings()">
    Pad Strings
</button>

<script type="text/javascript">
    function padStrings() {
        exString = "Hello";
        exString2 = "Geeks";

        output =
            exString.padEnd(12, "$");
        output2 =
            exString2.padEnd(12, "Geeks");

        document.querySelector('.output').textContent
                = output;

        document.querySelector('.output2').textContent
                = output2;
    }
</script>

Output:

Example 2: This example uses the padEnd() method to pad numbers into another number. 

html

<h1 style="color: green">
    GeeksforGeeks
</h1>

<b>
    JavaScript | padEnd() method
</b>

<p>
    Output for "1234" with "0":
    <span class="output"></span>
</p>

<p>
    Output for "99" with "**":
    <span class="output2"></span>
</p>

<button onclick="padNumbers()">
    Pad Numbers
</button>

<script type="text/javascript">
    function padNumbers() {
        exNumber = 1234;
        exNumber2 = 99;

        output =
            String(exNumber).padEnd(8, "0");

        output2 =
            String(exNumber2).padEnd(8, "**");


        document.querySelector('.output').textContent
                = output;

        document.querySelector('.output2').textContent
                = output2;
    }
</script>

Output:

We have a complete list of Javascript Strings, to check those please go through the Javascript String Complete reference article.

Supported Browsers: The browser supported by the padEnd() method are listed below:

• Google Chrome 57
• Firefox 48
• Edge 15
• Safari 10
• Opera 44