No Space between array items

Question

I want display array items in space between but spaces does not apply why?
My code:

https://code.sololearn.com/WlaCOvT7M45R

Answer 1

Try assigning to .innerHTML or .textContent rather than to .innerText. Looks like whitespace is collapsed when assigning to .innerText

* Tested on SoloLearn app only.

Answer 2

with innerText No space
with innerHtml and textcontent only one character space

Answer 3

Then use .innerHTML with replicated HTML entity   in place of blank spaces.

document.getElementById("p1").innerHTML += fruits[key] + " ".repeat(20); // 20 non-breaking-space