HTML留学生代做、代写CSS/Java编程语言、代做Java代写-代写CS作业

First

A. Create a HTML document that shows a Pokédex for the first 20 Pokémon.

a. Images and description for 20 Pokémon available.

b. Use an unordered list to display each item and use CSS to visually group each

item (e.g. boundary or a fill colour) without the typical bullet in a list.

c. Credit source material with links at the bottom of the page (see References

section).

B. Display two search boxes at the top of the page. One to search for Pokémon by number

and the other to search by name.

C. Use JavaScript to validate input for the two search boxes. Box 1 should only accept

numbers 1-20. Box 2 should only accept A-Z or a-z and no more than 20 characters.

D. “Enter” key or the “Search” button on each box should display a pop-up message with

names and descriptions of all matches (up to 5).

E. Ensure that all CSS and JavaScript are in separate files.

Second

F. Using JavaScript, modify the DOM of this page so that:

a. Create a new content block (e.g. DIV) above the first Pokémon.

b. Create a new list (any list) inside this block and add list elements for each of the

search results. Each list element must have all the information that is present in

the full list. E.g. image, description etc.

c. Dynamically update this list as the user is typing new characters or deleting

characters in the search box. E.g. when the user deletes all the characters, the

new content block should disappear.

d. Style the new content block to be visually distinct from the full list.

G. Using pure JavaScript without using any external library.

Workflow

1. Use JavaScript to pick an element using document.getElementById() or

document.querySelector() method, creating new elements and content using

.createElement() or .createTextNode() method and then adding the newly created

elements to the selected node using appendChild() method.

2. Do not use the .innerHTML() method to create content.