lab-antwerp-1 / daniel-word-list Goto Github PK

1- HTML:

• Use input with type text to create the text box.
• Assign and ID accordingly.
• Use placeholder attribute to set the Enter an item message.
• Use button to create the button that will send the input to the list.
• Assign an ID accordingly.

2- CSS:

• Use a div to create a container and place the elements.

3- JS: Components

• Use form to put all inputs together.
• Use input type = button to add the button.
• Use value to set it to add.
• Use input name = text and placeholder = new word for text box.

4- JS: Logic

• Use isWord function to make sure is a word.

5- JS: Handlers

• Use handleInputWord handler to add the item to the list.

• As a user I can remove items from the list.
  • there is button that allows the user to remove a preexisting item in the list

Issues:

1- HTML:

• Use button to create the element.
• Use the attribute value and set it to Remove.
• Assign an ID accordingly.

2- CSS:

• Use default properties.

3- JS: Components

4- JS: Logic

5- JS: Handlers

1- HTML:

• Use ul to contain all items.
• Assign an ID accordingly.
• Use li to display each item into the list.

2- CSS:

• Use border to create a box that will contain all items and apply it to the ul element.

3- JS: Components

4- JS: Logic

5- JS: Handlers

1- HTML:

• Use select and option to create a dropdown menu.
• Assign ID accordingly.

2- CSS:

• Use default values.

3- JS: Components

4- JS: Logic

5- JS: Handlers

1- HTML:

• Use h1 to set the header.

2- CSS:

• Use align-items: center to center the text.