Is anyone able to help with me writing this code in a simplified way ?

Write the JavaScript code to add behavior to a web page for manipulating strings. The page UI allows the user to type a phrase into a text box. The user can click the "Go!" button to display the words in that phrase in reverse order. Each word in the phrase should be inserted as a span with a class of word, inside a div with the id of words. (The word class gives the spans their appearance in the screenshots belovw giving them a border and a background and so on.) Every other word (the first, third, fifth, etc.) should also be underlined. The user can optionally specify a "filter" text by typing into a text box with the id of filter. If a non-blank filter is specified, you should exclude any words from the phrase that contain that filter text, case-insensitively. For example, if the filter text is "abc," exclude any words containing abc, ABC, aBs, etc. If any words are excluded, under the list of words you should modify the div with id of count to display text of the form, "5 word(s) filtered out." The code should work for multiple clicks of the button. On each click it should clear any previous information you injected. You may assume that words in the phrase are separated by single spaces. Do not use any JavaScript libraries such as jQuery or Prototype. Here is the relevant HTML code for the page

5entence Reverser!

Phrase :

Filter

These screenshots show the initial state, and after phrases have been typed and "Go!" is clicked. Sentence Reverser! Phrase: hello How ARE you? Falter Sentence Reverser! Plase: she sells seashels by the sea shoe Filter ou?ARE How hello shoreseathebyseashe ssellsshe Sentence Reverser! Phrase hello How ARE you? Filter: h Sentence Reverser! Phrase: she sells seashells by the sea shore Filter: sE you?ARE 2 words) filtered out shore the 3 woed(s) filhered out she