SOC implemented

exercises/convertTemperature/src/constants.js

@@ -0,0 +1,5 @@
+export const SPACE = /\s+/;
+export const TEMPERATURE_INPUT = 'temperatures';
+export const CONVERT_TEMPERATURE_CONTAINER = 'convertedTemperatures';
+export const MESSAGE_ERROR_NOT_INTEGER =
+  "The '%S' contains values different of integer numbers";

exercises/convertTemperature/src/handlers.js

@@ -0,0 +1,42 @@
+import {
+  SPACE,
+  TEMPERATURE_INPUT,
+  CONVERT_TEMPERATURE_CONTAINER,
+  MESSAGE_ERROR_NOT_INTEGER,
+} from './constants.js';
+import convertedTemperature from './utils/utils.js';
+
+const handlers = (event) => {
+  debugger; // each time the user changes the 'temperatures' input
+
+  const convertedTemperaturesContainer = document.getElementById(
+    CONVERT_TEMPERATURE_CONTAINER,
+  );
+
+  // Erase previous content
+  convertedTemperaturesContainer.innerHTML = '';
+
+  // Get the text input
+  const fahrenheitTextList = event.target.value;
+
+  let convertedTemp = convertedTemperaturesContainer.innerHTML;
+
+  // Validate it
+  if (fahrenheitTextList) {
+    var convertedTempTextList = convertedTemperature(fahrenheitTextList);
+    const convertedTemperaturesLst = '';
+
+    const convertedTempList = convertedTempTextList.trim().split(SPACE);
+
+    convertedTempList.forEach((celsius) => {
+      // Render the result
+      const liString = `<li class="number-item">${celsius}</li>`;
+
+      convertedTemp = convertedTemp + liString;
+    });
+
+    convertedTemperaturesContainer.innerHTML = convertedTemp;
+  }
+};
+
+export default handlers;

exercises/convertTemperature/src/init.js

@@ -1,38 +1,41 @@
 debugger; // once when the program is initialized
+import listener from './listener.js';
 
-document.getElementById('temperatures').addEventListener('change', (event) => {
-  debugger; // each time the user changes the 'temperatures' input
+listener();
 
-  const convertedTemperaturesContainer = document.getElementById(
-    'convertedTemperatures',
-  );
+// document.getElementById(TEMPERATURE_INPUT).addEventListener('change', (event) => {
+//   debugger; // each time the user changes the 'temperatures' input
 
-  // Erase previous content
-  convertedTemperaturesContainer.innerHTML = '';
+//   const convertedTemperaturesContainer = document.getElementById(
+//     CONVERT_TEMPERATURE_CONTAINER
+//   );
 
-  // Get the text input
-  const fahrenheitTextList = event.target.value;
+//   // Erase previous content
+//   convertedTemperaturesContainer.innerHTML = '';
 
-  // Validade it
-  if (fahrenheitTextList) {
-    if (!/^[0-9\s]*$/.test(fahrenheitTextList)) {
-      window.alert(
-        `The '${fahrenheitTextList}' contains values different of integer numbers`,
-      );
-    }
+//   // Get the text input
+//   const fahrenheitTextList = event.target.value;
 
-    // Sanitize it
-    const fahrenheitList = fahrenheitTextList.trim().split(/\s+/);
+//   // Validate it
+//   if (fahrenheitTextList) {
+//     if (!/^[0-9\s]*$/.test(fahrenheitTextList)) {
+//       window.alert(
+//         MESSAGE_ERROR_NOT_INTEGER,
+//       );
+//     }
 
-    fahrenheitList.forEach((fahrenheit) => {
-      // Do the math
-      const celsius = ((fahrenheit - 32) * 5) / 9;
+//     // Sanitize it
+//     const fahrenheitList = fahrenheitTextList.trim().split(SPACE);
 
-      // Render the result
-      const liString = `<li class="number-item">${celsius.toFixed(2)}</li>`;
+//     fahrenheitList.forEach((fahrenheit) => {
+//       // Do the math
+//       const celsius = ((fahrenheit - 32) * 5) / 9;
 
-      convertedTemperaturesContainer.innerHTML =
-        convertedTemperaturesContainer.innerHTML + liString;
-    });
-  }
-});
+//       // Render the result
+//       const liString = `<li class="number-item">${celsius.toFixed(2)}</li>`;
+
+//       convertedTemperaturesContainer.innerHTML =
+//         convertedTemperaturesContainer.innerHTML + liString;
+//     });
+//   }
+// });

exercises/convertTemperature/src/listener.js

@@ -0,0 +1,16 @@
+import handlers from './handlers.js';
+
+import {
+  SPACE,
+  TEMPERATURE_INPUT,
+  CONVERT_TEMPERATURE_CONTAINER,
+  MESSAGE_ERROR_NOT_INTEGER,
+} from './constants.js';
+
+const listener = () => {
+  document
+    .getElementById(TEMPERATURE_INPUT)
+    .addEventListener('change', handlers);
+};
+
+export default listener;

exercises/convertTemperature/src/utils/utils.js

@@ -0,0 +1,24 @@
+import {
+  SPACE,
+  TEMPERATURE_INPUT,
+  CONVERT_TEMPERATURE_CONTAINER,
+  MESSAGE_ERROR_NOT_INTEGER,
+} from '../constants.js';
+
+export const convertedTemperature = (fahrenheitTextList) => {
+  if (!/^[0-9\s]*$/.test(fahrenheitTextList)) {
+    window.alert(MESSAGE_ERROR_NOT_INTEGER);
+  }
+
+  // Sanitize it
+  const fahrenheitList = fahrenheitTextList.trim().split(SPACE);
+  var convertedTemperatures = '';
+  fahrenheitList.forEach((fahrenheit) => {
+    // Do the math
+    const celsius = ((fahrenheit - 32) * 5) / 9;
+
+    convertedTemperatures = convertedTemperatures + ' ' + celsius.toFixed(2);
+  });
+  return convertedTemperatures;
+};
+export default convertedTemperature;

exercises/convertTemperature/src/utils/utils.spec.js

@@ -0,0 +1,13 @@
+import { convertedTemperature } from './utils.js';
+
+describe('convertedTemperature: fahrenheit converts into celsius', () => {
+  it('should handle input with only spaces', () => {
+    const returned = convertedTemperature('32');
+    expect(returned).toEqual(' 0.00');
+  });
+
+  it('should handle input with only spaces', () => {
+    const returned = convertedTemperature('32 64 128');
+    expect(returned).toEqual(' 0.00 17.78 53.33');
+  });
+});