+
+
diff --git a/src/main.js b/src/main.js
index ad9a93a7c1..d6f730cbf9 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1 +1,20 @@
'use strict';
+
+const INPUT_BUTTON_TYPES = ['button', 'submit', 'reset'];
+
+// eslint-disable-next-line no-unused-vars
+function onSubmit(event) {
+ event.preventDefault();
+
+ const { target: form } = event;
+
+ const formValue = [...form.elements]
+ .filter(({ type }) => !INPUT_BUTTON_TYPES.includes(type))
+ .reduce((acc, { value, name }) => ({
+ ...acc, [name]: value,
+ }), {});
+
+ window.alert(
+ `Form name: ${form.name}\nForm value: ${JSON.stringify(formValue, null, 4)}`
+ );
+}
diff --git a/src/style.css b/src/style.css
index e69de29bb2..24d077c103 100644
--- a/src/style.css
+++ b/src/style.css
@@ -0,0 +1,17 @@
+.per-inform {
+ display: block;
+ padding-bottom: 10px;
+}
+
+.last {
+ display: block;
+}
+
+.forms {
+ margin-bottom: 20px;
+}
+
+.per-inform_cats {
+ display: inline-block;
+ padding-bottom: 10px;
+}