Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Must have: Enter input (Word) #3

Open
8 tasks
mauricemat opened this issue Mar 4, 2022 · 0 comments
Open
8 tasks

Must have: Enter input (Word) #3

mauricemat opened this issue Mar 4, 2022 · 0 comments

Comments

@mauricemat
Copy link
Collaborator

mauricemat commented Mar 4, 2022

As a user, I can input a word in the field and add it to the list by clicking on the button.

Logic: Input (Add word)

Type: listeners

  • Add listeners ( addEventListener) with the id input-form in/listeners.

Type: handlers

  • Write a function inputWord(event) in/handlers. It's an entry point for adding or removing a word.

Type: logic

  • Write a function sortStrings(toSort = [], sortType = 'oldest') in /logic.
  • Write a function isWord(text = '') in /logic to check if the user input is a word.

Type: components

  • Write a function renderList(toRender = []) in render-list.js.

Interface: Input (Add word)

Type HTML

  • A form tag with the id input-form.
  • A input tag with name="text" placeholder="new word" as a form element.
  • A input tag with type="button" value="add" as a form element.

This issue will be developed on branch inputword

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant