Button that creates carriage return

[melbourne2707]

I need to create a button that when clicked, starts a new line on the webpage.

At the top of my page, there are buttons. Each time a button is clicked, a word appears, one after the other. I need this button to start a new line, so after this button is clicked, the buttons at the top, when clicked, will output their words in a new line below the previous ones. I've been experimenting with different coding for this button, but so far, nothing has worked.

[Dormilich]

I've been experimenting with different coding for this button, but so far, nothing has worked.

so what have you tried? maybe you were almost there.

[melbourne2707]

<input type="button" value="Return"
    onclick="document.getElementById('outputDiv').innerHTML=
    <\r>;">
<div id="outputDiv"></div>

This is one of the codes I've tried. Basically, I can't figure what to put after innerHTML.

[Dormilich]

try \r (without < and >)

[Rabbit]

You're trying to change the innerHTML to add a carriage return? In HTML, a line break is represented by the tag <br>. But also, you're replacing the entire innerHTML with that, you need to append to it, not replace it.

[melbourne2707]

<input type="button" value="Return"
    onclick="document.getElementById('outputDiv').innerHTML=
    document.getElementById('outputDiv').innerHTML + \br;">
<div id="outputDiv"></div>

Should it be something more along the lines of this?