Improve actions

Author: tshemsedinov

Enterprise/static/application.js

@@ -23,7 +23,12 @@ const logger = new Logger('output');
 
 const action = (id, handler) => {
   const element = document.getElementById(id);
-  if (element) element.onclick = handler;
+  if (!element) return;
+  element.onclick = () => {
+    handler().catch((error) => {
+      logger.log(error.message);
+    });
+  };
 };
 
 const db = new Database('EnterpriseApplication', 1, (db) => {
@@ -38,7 +43,6 @@ const userService = new UserService(userRepository);
 action('add', async () => {
   const name = prompt('Enter user name:');
   const age = parseInt(prompt('Enter age:'), 10);
-  if (!name || !Number.isInteger(age)) return;
   const user = await userService.createUser(name, age);
   logger.log('Added:', user);
 });
@@ -49,12 +53,8 @@ action('get', async () => {
 });
 
 action('update', async () => {
-  try {
-    const user = await userService.incrementAge(1);
-    logger.log('Updated:', user);
-  } catch (err) {
-    logger.log(err.message);
-  }
+  const user = await userService.incrementAge(1);
+  logger.log('Updated:', user);
 });
 
 action('delete', async () => {

Pragmatic/static/application.js

@@ -67,11 +67,16 @@ const actions = {
   },
 };
 
-const init = () => {
-  for (const [id, handler] of Object.entries(actions)) {
-    const element = document.getElementById(id);
-    if (element) element.onclick = handler;
-  }
+const action = (id, handler) => {
+  const element = document.getElementById(id);
+  if (!element) return;
+  element.onclick = () => {
+    handler().catch((error) => {
+      logger.log(error.message);
+    });
+  };
 };
 
-init();
+for (const [id, handler] of Object.entries(actions)) {
+  action(id, handler);
+}