This set of prompts will guide you to create a Codename validator. This project will build up your knowledge of DOM Manipulation and give you experience of managing input from a user.
Add an input box, a label, and a button to the HTML. Your input will be a string.
Write a function that checks the length of the string. The function should output
true if the string is more than 5 characters long. Otherwise, return
Write a function that checks the string contains at least one lowercase letter; and at least one uppercase letter. If both are present, the function should return
true - and if either are missing, it should return
Write a function which checks whether the string has at least two numbers in it. If it does, then return
true and otherwise return
Use DOM Manipulation to tie everything together.
You’ll need to check the value of the input when the user clicks the button. Verify the input gives
true when given as an argument to each of the functions.
If all functions return
true give visual feedback to the user that the codename is valid. If any function returns
false then give the user feedback that the codename is not valid. How you implement this is up to you.
Gregor23 is a valid username, and so is
An invalid input would be
d0g as it’s too short and has no uppercase letters or numbers; or
902101 since it has no letters.
HELLOworld is not since it doesn’t contain numbers.