How duplicate text in textarea?

byMR

August 21, 2022

So I need a code to repeat a text which can be set the amount in an input.

So when the user write number 3, I want the content of the textarea like this:

Hello World(1)
Hello World(2)
Hello World(3)

But it appears like this:

Hello World(3)

Actually, I can use text.repeat(3). But I want there to be a number behind Hello World, so I use for loop.

Here’s my code:

<input onchange="dup()" type="number" id="inp">
    <br>
    <br>
    <textarea id="txtarea"></textarea>
    <script>
        function dup(){
            var num = document.getElementById("inp").value;
            for (let i = 0; i < num; i++){
                document.getElementById("txtarea").innerHTML = "Hello World("+num+")"
            }

        }
    </script>

>Solution :

use this

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <title>Document</title>
</head>
<body>
<input onchange="dup()" type="number" id="inp">
    <br>
    <br>
    <textarea id="txtarea"></textarea>
    <script>
        function dup(){
            var num = document.getElementById("inp").value;
            for (let i = 1; i <= num; i++){
                document.getElementById("txtarea").innerHTML += "Hello World("+i+")"
            }

        }
    </script>

the problem was this

you should use document.getElementById("txtarea").innerHTML += "Hello World("+i+")" instead of this document.getElementById("txtarea").innerHTML = "Hello World("+num+")"

second: