(this question is part 2 of 3 in a long problem)JavaScript CommandsCreate the nameSearch variable equal to the value entered in the nameSearch input box.Users can search for names in three ways:Matching an employee's last name if it contains the text string specified in nameSearchMatching an employee's last name if it begins with the nameSearch text stringMatching an employee's last name only if it exactly matches the nameSearch text string.Richard has supplied you with code to add the selectedValue() method to the prototype of the HTMLSelectElement object class in order to return the value of the selected option in any selection list. Apply the selectedValue() method to the nameSearchType selection list to return the option selected by the user, storing the value in the nameSearchType variable.Create a switch-case structure for the following possible values of the nameSearchType variable:If nameSearchType equals "contains", use the new RegExp() constructor to create a regular expression object named nameRegExp containing the regular expression nameSearch where nameSearch is the value of the nameSearch variable. Include the "i" flag with the regular expression object so that the regular expression matches lower or uppercase characters.If nameSearchType equals "beginsWith", set nameRegExp object to the regular expression ^nameSearch, once again with the "i" flag.If nameSearchType equals "exact", set nameRegExp object to the regular expression ^nameSearch$ with the "i" flag to allow for upper- and lower-case matches.cc_staff.js (add code to this file)/* Constructor function for the employee class */function employee(id, firstName, lastName, dept, position, email, phone, photo) {this.id = id;this.firstName = firstName;this.lastName = lastName;this.dept = dept;this.position = position;this.email = email;this.phone = phone;this.photo = photo;}/* Object literal for search results */var searchResult = {employees : [],sortById:function() {this.employees.sort(function(a,b) {if (a.id

Question

(this question is part 2 of 3 in a long problem)JavaScript CommandsCreate the nameSearch variable equal to the value entered in the nameSearch input box.Users can search for names in three ways:Matching an employee's last name if it contains the text string specified in nameSearchMatching an employee's last name if it begins with the nameSearch text stringMatching an employee's last name only if it exactly matches the nameSearch text string.Richard has supplied you with code to add the selectedValue() method to the prototype of the HTMLSelectElement object class in order to return the value of the selected option in any selection list. Apply the selectedValue() method to the nameSearchType selection list to return the option selected by the user, storing the value in the nameSearchType variable.Create a switch-case structure for the following possible values of the nameSearchType variable:If nameSearchType equals &#34;contains&#34;, use the new RegExp() constructor to create a regular expression object named nameRegExp containing the regular expression nameSearch where nameSearch is the value of the nameSearch variable. Include the &#34;i&#34; flag with the regular expression object so that the regular expression matches lower or uppercase characters.If nameSearchType equals &#34;beginsWith&#34;, set nameRegExp object to the regular expression ^nameSearch, once again with the &#34;i&#34; flag.If nameSearchType equals &#34;exact&#34;, set nameRegExp object to the regular expression ^nameSearch$ with the &#34;i&#34; flag to allow for upper- and lower-case matches.cc_staff.js (add code to this file)/* Constructor function for the employee class */function employee(id, firstName, lastName, dept, position, email, phone, photo) {this.id = id;this.firstName = firstName;this.lastName = lastName;this.dept = dept;this.position = position;this.email = email;this.phone = phone;this.photo = photo;}/* Object literal for search results */var searchResult = {employees : [],sortById:function() {this.employees.sort(function(a,b) {if (a.id < b.id) {return-1;}else {return1;}});}};/* Event listener to retrieve and display employee records matching the search condition */document.getElementById(&#34;searchButton&#34;).addEventListener(&#34;click&#34;, function() {var tableBody = document.querySelector(&#34;table#staffTable tbody&#34;);var tableCaption = document.querySelector(&#34;table#staffTable caption&#34;);});/* --- Methods added to native objects ---*//* Method added to any DOM element that removes all child nodes of element */HTMLElement.prototype.removeChildren = function() {while (this.firstChild) {this.removeChild(this.firstChild);}};/* Method added to the select element to return the value of the selected option */HTMLSelectElement.prototype.selectedValue = function() {var sIndex =this.selectedIndex;returnthis.options[sIndex].value;}; ADVOCACYCOMPLIANCE DEVELOPMENTCOMMUNITYNEWSSUPPORTNEWSLETTERCRESCENT CREDIT UNION LEAGUEStaff DirectoryLast NameMBegins WithDepartmentPositiondirectorContainssearch3 records foundPHOTONAMEDEPARTMENTPO SITIONE-MAILPHONEBetty MoranProfessional DevelopmentDirector of Meetings & Conferencesbetty.moran@ccul.example.comB0D-555-6506Douglas MoormanAudit ServicesDirector of Comprehensive Auditsdouglaz.moorman@ccul.example.comB00-555-9019Steven MillerPR and CommunicationsDirector of Communicationssteven-millen@ccul.example.comB0D-555-5505ADVOCACYCOMPLIANCEDEVELOPMENTCOMMUNITYDeadlines & PoliciesRegulatory DeadlinesCompliance FAQFraud & Risk ResourcesAnnual MeetingLeadership InstituteWebinarsGrass Roots ActionChaptersAsset GroupsCCUL HistoryMembership InfoSocial MediaFederal IssuesResearch & ResourcesRegulatory ReportTrainingCompliance GroupCertificationCCUL MagazineCall CenterEventsAdvocacy TeamBoard of DirectorsCrescent Credit Union League © 2018 All Rights Reserved

Accepted Answer

cc_staff.html: Crescent Credit…