Сохранение списков

<table id="dataTable" style="width:100%" border="0">
    <thead>
        <tr align="center">
            <td >Название тарифа</td>
            <td>Сумма</td>
            <td>Срок выполнения</td>
           <td>Комментарий</td>
        </tr>
    </thead>
    <tbody>
        <!-- Здесь будут добавляться строки -->        
        
    </tbody>
</table>
<!-- Кнопки Добавить строку и Сохранить -->
<div style="margin-top: 15px;">
    <button class="add-row-btn" style="width:100%" type="button" onclick="addRow()">Добавить строку</button>
   <button class="add-row-btn" style="width:100%" type="button" >Сохранить</button>
         <script>
   // Функция для добавления новой строки в таблицу
function addRow() {
    //document.getElementById('dobforma2').addEventListener('submit', function(event) { event.preventDefault();});
        let table = document.getElementById("dataTable");
    let newRow = table.insertRow(-1);
    console.log(newRow);
    // Создаем ячейки для каждой колонки
    let cellName = newRow.insertCell(0);
    let cellSurname = newRow.insertCell(1);
    let cellAge = newRow.insertCell(2);
    let cellCity = newRow.insertCell(3);
    let cellActions = newRow.insertCell(4);
 
    // Вставляем элементы ввода в каждую ячейку
    cellName.innerHTML = '<input type="text" style="width:300px">';
    cellSurname.innerHTML = '<input type="number" step="100" value="100" style="width:80px">';
    cellAge.innerHTML = '<input type="number" min="1" max="10" placeholder="дни" style="width:80px">';
    cellCity.innerHTML = '<input type="text" style="width:300px">';
    // Кнопка удаления строки
    cellActions.innerHTML = '<button onclick="deleteRow(this)" style="width:150px">Удалить</button>';
}
</script>