Adding a line break

[barrowvian]

Hi,

I'm very new to JS and just playing around with some basic stuff, so far I have;

var currentTxtBx = 0;

function addTxtBx(){
    
if (currentTxtBx<10){
    
    if (currentTxtBx<10){

        var txtBxTable = document.getElementById('txtBoxTable');
          var newTxtBx = document.createElement('input'); // creates the text box element
          newTxtBx.type = 'text'; // declares the text box as text
        newTxtBx.name = 'check'+(currentTxtBx+1); // declares the value of the text box
          currentTxtBx++;
          txtBoxTable.appendChild(newTxtBx);
    }
}
else
{
    alert('cannot add more than 10 boxes');
}
} 

This just creates up to 10 text boxes when the user presses the button. However, the text boxes are placed side by side until they have to go on to a new line.

How would I go about creating and inserting a line break so that after each text box a line break would occur so that they're all place one below another?

Thanks

[WolfShade]

I'm totally guessing, here:

txtBoxTable.appendChild(newTxtBx+'<br />');

[barrowvian]

nah that didn't work

[Gomhon]

I'm no wiz myself, but you could try creating a new variable with a line break?

var myLineBreak = "<br />";

and then just call it where necessary?

Gomhon

[Declan1991]

Well you could style them, or add a line break.

txtBoxTable.appendChild(document.createElement("br"));