Add row button operational

src/main/resources/static/html/mock.html

@@ -99,7 +99,7 @@
                                     <tr>
                                         <td><input id="headerKeyInput" placeholder="name"></td>
                                         <td><input id="headerValueInput" placeholder="value"></td>
-                                        <td><button class="modification-button btn-add"><i class="icon-plus"></i></button></td>
+                                        <td><button id="btn-newRow" class="modification-button btn-add"><i class="icon-plus"></i></button></td>
                                     </tr>
                                 </table>
                             </div>

src/main/resources/static/js/datatransfer.js

@@ -251,6 +251,20 @@ function addRow(key, value){
     headerMap.html(headersMapHtml);
 }
 
+const newRowInput = function(){
+    const hName = $('#headerKeyInput').val();
+    const hValue = $('#headerValueInput').val();
+    if(checkIfInputValid(hName) && checkIfInputValid(hValue)){
+        addRow(hName, hValue);
+    }
+}
+
+$('#btn-newRow').click(newRowInput);
+
+function checkIfInputValid(input){
+    return !(input == '' || input == null || input == undefined);
+}
+
 function buildRowHtml(key, value){
     return '' + 
     '<tr>' +

target/classes/static/html/mock.html

@@ -99,7 +99,7 @@
                                     <tr>
                                         <td><input id="headerKeyInput" placeholder="name"></td>
                                         <td><input id="headerValueInput" placeholder="value"></td>
-                                        <td><button class="modification-button btn-add"><i class="icon-plus"></i></button></td>
+                                        <td><button id="btn-newRow" class="modification-button btn-add"><i class="icon-plus"></i></button></td>
                                     </tr>
                                 </table>
                             </div>

target/classes/static/js/datatransfer.js

@@ -251,6 +251,20 @@ function addRow(key, value){
     headerMap.html(headersMapHtml);
 }
 
+const newRowInput = function(){
+    const hName = $('#headerKeyInput').val();
+    const hValue = $('#headerValueInput').val();
+    if(checkIfInputValid(hName) && checkIfInputValid(hValue)){
+        addRow(hName, hValue);
+    }
+}
+
+$('#btn-newRow').click(newRowInput);
+
+function checkIfInputValid(input){
+    return !(input == '' || input == null || input == undefined);
+}
+
 function buildRowHtml(key, value){
     return '' + 
     '<tr>' +