Change HTML title dynamically

Question

I'm currently making a page that updates HTML title based on user input.

<html>
    <head>
        <title>Page Title</title>
    </head>

    <body>
        <input type='text' placeholder='Your title...' />
    </body>

    <script>
        var inp = document.querySelector( 'input' );
        inp.addEventListener( 'keyup', evt => document.title = evt.target.value );
    </script>
</html>

But, the JavaScript ignores multiple spaces and replaces them by a single one.

Even, if I do document.title = 'Far     Apart', it does the same thing.

Since multiple spaces are allowed in HTML title, then why is it so in JavaScript? And, how do I do it correctly?

score 2 · Accepted Answer · answered Mar 17 '19 at 07:43

2

  would be recognized as a string itself in JS. You can use the \xa0 character.

document.title = 'Far\xa0\xa0Apart'

answered Mar 17 '19 at 07:43

Anurag Srivastava

14,077
4
33
43

That's cool. Is there any char for \t? – vrintle Mar 17 '19 at 07:46
AFAIK there is no character specifically. You would have to use a combination of `\xa0` characters. – Anurag Srivastava Mar 17 '19 at 07:53

Change HTML title dynamically

1 Answers1