can't i use for loop with document.getElementById('id').innerHTML

Question

<script>
for(var a=5 ; a<55 ; a++){
document.getElementById('text').innerHTML= a }

/* result= 54 */

for(var a=5 ; a<55 ; a++){
document.write(a +"<br>") }

/* result = 5678910..........54 */

</script>

second one result accordingly
but first one has 54 as result not a loop.

tell me if there is any other conceptual mistake

Answer 1

Yes, you can manipulate the DOM within a for/ loop.

From your example provided the first for/loop replaces the innerHTML with new content for each iteration as opposed to adding to it.

If you want to see all 50 numbers you need .innerHTML += a. Please take note of the plus sign in front of the equal sign.