25 lines
No EOL
763 B
JavaScript
25 lines
No EOL
763 B
JavaScript
const addLineButton = document.getElementById("add-line-button");
|
|
const lineContainer = document.getElementById('table-body');
|
|
|
|
function addLine(){
|
|
const columns = ['Amount', 'Vendor', 'Confirmation Code', 'Note'];
|
|
var tr = document.createElement('tr');
|
|
var counter = 2;
|
|
columns.forEach(column => {
|
|
var td = document.createElement('td');
|
|
var ip = document.createElement('input');
|
|
ip.type = 'text'
|
|
ip.classList = 'form-control'
|
|
ip.name = `${column}-${counter++}`
|
|
ip.placeholder = column
|
|
td.appendChild(ip)
|
|
tr.appendChild(td)
|
|
})
|
|
lineContainer.appendChild(tr)
|
|
|
|
}
|
|
|
|
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
addLineButton.addEventListener('click', addLine)
|
|
}) |