Why does the console output only the first word from the value of the button element?

Question

HTML

There is this form:

<form action="/" method="POST">
    <input type="text" name="newItem" placeholder="new task" autocomplete="off">
    <button type="submit" name="list" value=<%= listTitle %> >+</button>
</form>

which listTitleis passed as follows

res.render("list", {listTitle: "Work List Title", newListItem: workItems})

But when I try to output the value listto the console node, I only get the first word before the space - Work . But if I set listnot a variable, but the string "Work List Title" , then the entire line is displayed in the console. Explain, please, why so?

Answer 1

because

<button type="submit" name="list" value=<%= listTitle %> >+</button>

at the output gives

<button type="submit" name="list" value=Work List Title >+</button>

those. buttonwith attributes . You can do like thisvalue="Work" List="" Title=""

<button type="submit" name="list" value="<%= listTitle %>" >+</button>