exercise list-items done

6-refactoring/exercises/prompt-alert-confirm/list-items/data/constants.js

@@ -0,0 +1 @@
+export const LIST_THINGS = 'list-things';

6-refactoring/exercises/prompt-alert-confirm/list-items/src/handler.js

@@ -1,3 +1,22 @@
-import { list } from './utils.js';
+import { list } from './util.js';
+
+export const listHandler = () => {
+        // read & process user input
+        const allInputs = [];
+        let acceptingInput = true;
+        while (acceptingInput) {
+          const nextInput = prompt('enter a list item, cancel when your are done');
+          if (nextInput !== null) {
+            allInputs.push(nextInput);
+          } else {
+            acceptingInput = false;
+          }
+        }
+
+        const stringList = list(allInputs);
+
+        // communicate result to user
+        const message = `all items:${stringList}`;
+        alert(message);
+      }
 
-export const listHandler = () => {};

6-refactoring/exercises/prompt-alert-confirm/list-items/src/init.js

@@ -1,4 +1,7 @@
-document.getElementById('list-things').addEventListener('click', () => {
+import { LIST_THINGS } from "../data/constants";
+import './listener';
+
+/*document.getElementById(LIST_THINGS).addEventListener('click', () => {
   // read & process user input
   const allInputs = [];
   let acceptingInput = true;
@@ -20,4 +23,4 @@ document.getElementById('list-things').addEventListener('click', () => {
   // communicate result to user
   const message = `all items:${stringList}`;
   alert(message);
-});
+});*/

6-refactoring/exercises/prompt-alert-confirm/list-items/src/listener.js

@@ -1 +1,3 @@
 import { listHandler } from './handler.js';
+
+document.getElementById('list-things').addEventListener('click', listHandler);

6-refactoring/exercises/prompt-alert-confirm/list-items/src/util.js

@@ -1,4 +1,10 @@
 /**
  *
  */
-export const list = () => {};
+export const list = (allInputs) => {
+    let stringList = '';
+        for (const input of allInputs) {
+          stringList += `\n- ${input}`;
+        }
+        return stringList;
+};

6-refactoring/exercises/prompt-alert-confirm/list-items/src/util.spec.js

@@ -1,4 +1,4 @@
-import { list } from './utils.js';
+import { list } from './util.js';
 
 describe('list: generates a list string from an array of strings', () => {
   describe('list: correctly lists items', () => {