JavaScript is the hardest language i ever study.

Question

Dear friends and my loving follower's, i know about c++, Java, Html, Css; but i have never get this type of trouble as in JavaScript although i write everything correct but still the output alway's come either nothing or NaN .

for Example:

https://code.sololearn.com/Wihzb2fUM40B/?ref=app

Answer 1

@Splitty can you make the correction in my coding
and send it too

Answer 2

but way the loop is not working @Splitty

Answer 3

for example if i enter 5 it would so the result
as in this

https://code.sololearn.com/WHIvFnZj7824/?ref=app

Answer 4

@Splitty i able to make it by using document.write
but why it is not working in innerHTML=

https://code.sololearn.com/WxKQf2uK5q55/?ref=app

Answer 5

thanks bro i understand.

Answer 6

thats WORK @Splitty
https://code.sololearn.com/WIAb173CDJ12/?ref=app

Answer 7

a is a HTMLInputElement, not an integer. You can't compare a to i. What you probably want is while (i < Number(a.value))

Answer 8

There you go:
https://code.sololearn.com/WkM7908Gej6P/?ref=app

Answer 9

foo.innerHTML = "bar" sets the HTML content of foo to bar. It's like if you're writing:
<foo>bar</foo>

Now if you set innerHTML in a loop again, it just overrides the HTML content with the same text. So the text doesn't change.

If you want it to change, you can do the following:
foo.innerHTML += '<br>' + text

Or in your case:

document.getElementById('dem').innerHTML += "<br>hello";

Now you are adding to the inner HTML instead of replacing it.

Answer 10

What do you mean? The loop is working. Hello is written, and i is incremented.

Answer 11

You are setting innerHTML, which overrides the text that was previously there. You can use innerHTML += instead of = if you want to append the text.