Implementing the tag within a loop practice session

Question

Implementing the tag within a loop practice session

Hello, I am currently stuck on a looping exercise and I could use some assistance.

I need to display each iteration of the loop inside a tag
Looping away
Looping away
Looping away
Looping away
Looping away

Below is my code

var count = 0;<br>
while (count <10) {<br>
  document.getElementById('loopDisplay').textContent += 'looping away';<br>
  count++;<br>
  }

The above code outputs:

"awaylooping awaylooping awaylooping awaylooping awaylooping awaylooping awaylooping awaylooping awaylooping away".

I have tried adding tags, using quotation marks, and various other methods, but unfortunately nothing seems to work. I am new to JavaScript and struggling with this basic concept. Any help would be greatly appreciated. Thank you!

javascript loops

Answer 1

Answer №1

By using document.getElementById('loopDisplay').innerHTML, you have the ability to incorporate HTML tags along with your text, as shown in my example. In each iteration of your while loop, the entire text within the p tags is replaced. Therefore, you must instruct it to retain the text already present between the p tags from the previous iterations and then append any additional text, including the br tag. Furthermore, I have removed the randomly placed HTML br tags within the JavaScript code.

let count = 0;
while (count < 10) {
    const loopDisplay = document.getElementById('loopDisplay');
    loopDisplay.innerHTML = loopDisplay.innerHTML + 'looping away<br>';
    count++;
}

<p id="loopDisplay"></p>

Answer 2

By using document.getElementById('loopDisplay').innerHTML, you have the ability to incorporate HTML tags along with your text, as shown in my example. In each iteration of your while loop, the entire text within the p tags is replaced. Therefore, you must instruct it to retain the text already present between the p tags from the previous iterations and then append any additional text, including the br tag. Furthermore, I have removed the randomly placed HTML br tags within the JavaScript code.

let count = 0;
while (count < 10) {
    const loopDisplay = document.getElementById('loopDisplay');
    loopDisplay.innerHTML = loopDisplay.innerHTML + 'looping away<br>';
    count++;
}

<p id="loopDisplay"></p>

Implementing the <p></p> tag within a loop practice session

Answer №1

Similar questions

Unleashing the power of eventListeners through exponential re-rendering upon state updates

Reviewing user input for any inappropriate characters using jQuery's functionality

A method to apply a class to the third <li> element using javascript

What is the best way to add items to arrays with matching titles?

Tips for resolving the error message "cannot read property of undefined"

javascript detect when two div elements are overlapping

Query in progress while window is about to close

Dynamically Remove One Form from a Django Formset

Organizing entries based on the quantity of attached documents

Access to create permissions for collection "faunaDB" denied due to authorization privileges in FQL query using User Defined

Every time I attempt to launch my Discord bot, I encounter an error message stating "ReferenceError: client is not defined." This issue is preventing my bot from starting up successfully

I'm confused by the function: "sort((a: Article, b: Article) => b.votes - a.votes);"

What is the reason that setTimeout does not delay calling a function?

Is there a way for me to increment the value of 'sessionStorage.fgattempt' whenever either 'fgMade()' or 'threeMade()' are called?

What is the method for installing particular versions or tags of all npm dependencies?

Rephrase the ajax call and the data retrieved

What is the reason for the directive being available in $rootScope?

Exploring how to integrate a jQuery ajax request within Javascript's XmlHttpRequest technique

Troubleshooting the Height Problem in Material-UI's Menu

Converting Persian calendar date to Gregorian in JavaScript