How to insert white spaces - Javascript

Question

I am doing some exercises and one of them asks me to create a code that reproduces an "ASCII art", I read about and saw that it was a special character and I tried to insert the space in its Unicode form " s", "u0020", but without success. I saw some people talking about using regular expressions. I thank you already

<script>
document.write("XXXXX<br>");
for (var i =0;i<2;i++){
document.write("X   X<br>")
};
document.write("XXXXX<br>");
</script>


                      XXXXX
                      X   X
                      X   X   
                      XXXXX

Answer 1

The problem of space, even using the HTML entity  , is the rendering of characters. In proportional fonts, each character occupies a different space according to its width (width). In sources called monospaced (single space) any character occupies the same space, such as, for example, the source Consoles, widely used in programming and, even, is the standard source of this response editor, as shown in the print below:

See that all the fonts listed above are monospaced.

Example of the source Consoles:

So you have two options:

1. Tag <pre>

The tag <pre> shows the text as it is, already converting the font type to monospace:

<pre>
<script>
document.write("XXXXX<br>");
for (var i =0;i<2;i++){
document.write("X   X<br>")
};
document.write("XXXXX<br>");
</script>
</pre>

2. Use the entity  :

In this case you need to use a font monospace:

body{
   font-family: consolas;
}

<script>
document.write("XXXXX<br>");
for (var i =0;i<2;i++){
document.write("X&nbsp;&nbsp;&nbsp;X<br>")
};
document.write("XXXXX<br>");
</script>