document.write() is throwing syntax error

Question

I was trying to add button using JavaScript, but instead of adding the button to the page, it is throwing an SyntaxError: Invalid or unexpected token

document.write('

<p>Sign in</p>
    <form action="/chat" method="GET">
      <p> Login: <input type="text" name="login"/> </p>
        <p>   Password: <input type="text" name="password"/> <input type="submit" value="Ok"> </p>
    </form>
    <br>
    <form action="/signup">
        <button type = "submit"> button for registration</button>
    </form>');

Some basic JS syntax tutorials might be in order; that's not how you do multi-line strings. There will be other issues as well, but at least start with some language basics. — Dave Newton, Mar 25 '17 at 17:05

realappie · Answer 1 · 2017-03-25T17:29:46.430

Stay away from printing HTML that way please, but using ES6 back ticks should fix this issue.

document.write(`
    <p>Sign in</p>
    <form action="/chat" method="GET">
     <p> Login: <input type="text" name="login"/> </p>
     <p>   Password: <input type="text" name="password"/> <input type="submit" value="Ok"> </p>
    </form>
    <br>
    <form action="/signup">
     <button type = "submit"> button for registration</button>
    </form>
`);

score 0 · Answer 2 · answered Mar 25 '17 at 17:09

You can't put enters in function code because interpreter thinks this is new line of code. Check that:

document.write('<p>Sign in</p><form action="/chat" method="GET"><p> Login: <input type="text" name="login"/> </p><p>   Password: <input type="text" name="password"/> <input type="submit" value="Ok"> </p></form><br><form action="/signup"><button type = "submit"> button for registration</button</form>');

document.write() is throwing syntax error

2 Answers2