Как создавать таблицу через dom js?

Question

[Sergei2325]

https://jsfiddle.net/56crvoxh/1/
Всем привет, подскажите пожалуйста при клике на edit => add => table есть 2 типа таблиц list,table
list при клике на save создаеться все верно без проблем , а table создает не верную таблицу
В комментариях оставлю фото как создает 2x2

Comments

[Sergei2325]

Answer 1

[Alixx]

Вы в tr() и td() каждый раз создаёте новую таблицу, а не строку/столбец.

function tr(){
texta.value += '<table><tbody>'; // Один раз создаёте таблицу
    for(let i = 0; i<table1.value;i++){
	texta.value += '<tr>';
    td(); /* Вызов td() должен быть тут, внутри строки, и нигде больше */
  texta.value += '</tr>';
    
//    texta.value += `<table><tbody><tr><td style = "width:${table4.value}px;height:${table3.value}px;border:${table5.value}px ${tableselect.value} ${colorselect.value}"</td></tr>`
    }
}

function td(){
    for(let i = 0; i<table2.value;i++){
    texta.value += '<td style = "width:${table4.value}px;height:${table3.value}px;border:${table5.value}px ${tableselect.value} ${colorselect.value}"</td>';
  
 //       texta.value +=  `<table><tbody><tr><td style = "width:${table4.value}px;height:${table3.value}px;border:${table5.value}px ${tableselect.value} ${colorselect.value}"</td></tr>`

    }
}

Comments

[Sergei2325]

Спасибо !