diff --git a/app.js b/app.js
index 040430c..1d13fc4 100644
--- a/app.js
+++ b/app.js
@@ -1,4 +1,4 @@
-document.querySelector('button').addEventListener('click', () => {
+const createRow = (datum) => {
const newRow = document.createElement('tr')
const initiative = document.createElement('td');
@@ -22,6 +22,37 @@ document.querySelector('button').addEventListener('click', () => {
newRow.appendChild(name);
newRow.appendChild(notes);
+ if(datum){
+ initiativeInput.value = datum.initiative;
+ nameInput.value = datum.name;
+ notesInput.value = datum.notes;
+ }
+
document.querySelector('table').appendChild(newRow);
+}
+document.querySelector('#new').addEventListener('click', () => {
+ createRow();
})
+
+document.querySelector('#sort').addEventListener('click', () => {
+ const rows = document.querySelectorAll('tr');
+ const data = [];
+
+ for(let row of rows) {
+ const initiative = row.querySelector('input[type="number"]').value;
+ const name = row.querySelector('input[type="text"]').value;
+ const notes = row.querySelector('textarea').value;
+ const datum = { initiative, name, notes };
+ data.push(datum);
+ }
+
+ const sortedData = data.sort((datum1, datum2) => {
+ return datum1.initiative - datum2.initiative;
+ });
+
+ document.querySelector('table').innerHTML = "";
+ for(let datum of sortedData){
+ createRow(datum)
+ }
+});
diff --git a/index.html b/index.html
index cc78024..0b81d6a 100644
--- a/index.html
+++ b/index.html
@@ -6,7 +6,8 @@
-
+
+