35 lines
1.1 KiB
JavaScript
35 lines
1.1 KiB
JavaScript
let colCount = 1;
|
|
|
|
function addForm() {
|
|
const col = $("#col_add_karbohidrat");
|
|
|
|
const html = `
|
|
<div class="row mt-2" id="col-${colCount}">
|
|
<div class="col-6">
|
|
<div class="form-floating">
|
|
<input type="text" class="form-control" name="data[${colCount}][nama_karbohidrat]" placeholder="exp : Nasi" required>
|
|
<label>Nama Karbohidrat</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-5">
|
|
<div class="form-floating">
|
|
<input type="number" class="form-control" name="data[${colCount}][nilai_kalori]" placeholder="exp : 120">
|
|
<label>Nilai Kalori (Kkal)</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-1 mt-2 d-flex align-items-start">
|
|
<button type="button" class="btn btn-danger" onclick="removeCol(${colCount})">
|
|
<i class="fa-solid fa-trash"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
col.append(html);
|
|
colCount++;
|
|
}
|
|
|
|
function removeCol(count) {
|
|
$(`#col-${count}`).remove();
|
|
}
|