A code to repeat my function / keep displaying the text in javascript

Question

I would like to display the text in the browser again and again in a new line every time, however there is only the first line of text appearing. How this code should be corrected? Besides, I know that setinterval() is to repeat a function, I'd like to ask how can it be used in this code? Thank you very much!

var text = document.getElementById('text');
text.innerText = create_random_string(20);


function create_random_string(string_length){
  var random_string = '';
  var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
  for (var i, i = 0; i < string_length; i++) {
     random_string += characters.charAt(Math.floor(Math.random() * characters.length));
  }
  return random_string; 
}

document.write (
  create_random_string(20) + "<br>",
  create_random_string(20) + "<br>",
  create_random_string(20) + "<br>",
  create_random_string(20) + "<br>",
);

<div id="text"></div>

This will write a new line every 1 second: setInterval(function () {document.write (create_random_string(20) + "<br>")}, 1000); — llo
– llo, Commented Mar 5, 2022 at 9:04
What is meant by again and again in a new line every time? — Anurag Srivastava
– Anurag Srivastava, Commented Mar 5, 2022 at 9:08
@AnuragSrivastava Once the function starts, there is 20 characters displayed on the browser in one line. I'd like to keep displaying lines of 20 characters on the browser. — Julia Andriessan
– Julia Andriessan, Commented Mar 5, 2022 at 9:13
Does that mean clearing the previous line, or adding new lines below previous ones? — Anurag Srivastava
– Anurag Srivastava, Commented Mar 5, 2022 at 9:14

tenshi · Accepted Answer · 2022-03-05 09:06:16Z

2

setInterval with 1000 milliseconds. write a random string in a new line every second.

var text = document.getElementById('text');

setInterval(function(){
  text.innerHTML += create_random_string(20) + '<br>';
}, 1000);


function create_random_string(string_length){
  var random_string = '';
  var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
  for (var i, i = 0; i < string_length; i++) {
     random_string += characters.charAt(Math.floor(Math.random() * characters.length));
  }
  return random_string; 
}

<div id="text"></div>

answered Mar 5, 2022 at 9:06

tenshi

6186 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

A code to repeat my function / keep displaying the text in javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related