diff --git a/function.js b/function.js
new file mode 100644
index 0000000..05c3c1b
--- /dev/null
+++ b/function.js
@@ -0,0 +1,24 @@
+window.addEventListener('DOMContentLoaded', function () {
+ var formSubmit = document.forms[1]
+ formSubmit.addEventListener('submit', (e) => {
+ e.preventDefault();
+
+ var oldItems = JSON.parse(localStorage.getItem('records')) || [];
+ var newItem = {
+ category: formSubmit['category'].value,
+ date: formSubmit['date'].value,
+ amount: formSubmit['amount'].value,
+ description: formSubmit['description'].value,
+ };
+
+ oldItems.push(newItem)
+
+ localStorage.setItem('records', JSON.stringify(oldItems));
+
+
+ formSubmit['category'].value = '';
+ formSubmit['date'].value = '';
+ formSubmit['amount'].value = '';
+ formSubmit['description'].value = '';
+ })
+})
\ No newline at end of file
diff --git a/index.html b/index.html
index a31ec4b..9e12fd0 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,7 @@
+