Program Explanation Given information: The file cc_data.js and cc_staff.js is provided with the reference material of the book under the folder HTML14→case 2. Explanation: Following is the modification done in file cc_staff.html and cc_staff.js. Content of cc_staff.html: <!DOCTYPE html> <html lang="en"> <head> //Use already given code of cc_staff.html here. // . // . <script src="cc_data.js"async></script> <script src="cc_staff_txt.js"async></script> </head> //Use already given code of cc_staff.html here. // . // . Content of cc_staff.js: //Use already given code of cc_staff.js here. // . // . /* Event listener to retrieve and display employee records matching the search condition */ document.getElementById("searchButton").addEventListener("click",function(){ vartableBody=document.querySelector("table#staffTabletbody"); vartableCaption=document.querySelector("table#staffTable caption"); //removing children from table body that were generated from previous search. tableBody.removeChildren(); //deleting data of employees array searchResult.employees=[]; /* forEach method to scan through staff object and find the matching data.*/ Object.values(staff.directory).forEach(function(record){ //reading text of last Name input. varnameSearch=document.getElementById("nameSearch").value; //reading search type for last name label. varnameSearchType=document.getElementById("nameSearchType").selectedValue(); //creating regular expression for the search type. switch(nameSearchType){ case"contains": varnameRegExp=newRegExp(nameSearch,'i'); break; case"beginsWith": nameSearch="^"+nameSearch; varnameRegExp=newRegExp(nameSearch,'i'); break; case"exact": nameSearch="^"+nameSearch+"$"; varnameRegExp=newRegExp(nameSearch,'i'); break; } //checking if the search regular expression matched with the any record value varfoundName=nameRegExp.test(record.lastName); //reading text of position label. varpositionSearch=document.getElementById("positionSearch").value; //reading search type for position label. varpositionSearchType=document.getElementById("positionSearchType").selectedValue(); //creating regular expression for the position search. switch(positionSearchType){ case"contains": varpositionRegExp=newRegExp(positionSearch,'i'); break; case"beginsWith": positionSearch="^"+positionSearch; varpositionRegExp=newRegExp(positionSearch,'i'); break; case"exact": positionSearch="^"+positionSearch+"$"; varpositionRegExp=newRegExp(positionSearch,'i'); break; } //checking if the position regular expression matches with the record. varfoundPosition=positionRegExp...

6th Edition

ISBN: 9781337516358

Author: Carey

Publisher: CENGAGE LEARNING - CONSIGNMENT

See similar textbooks

Concept explainers

Phases of web development

The process of developing web application and websites which works using the internet is known as web development. Web developers need to use scripting languages at both the server and client end. A content management system is necessary to create a stat…

Question

100%

Chapter 14, Problem 20CP2

Program Plan Intro

To open cc_staff.html and verify that search form works correctly to retrieve employee data.

Expert Solution & Answer

Want to see the full answer?

Check out a sample textbook solution

See solution

Chapter 14, Problem 19CP2

Chapter 14, Problem 1CP3

Students have asked these similar questions

Refer to page 75 for graph-related problems. Instructions: • Implement a greedy graph coloring algorithm for the given graph. • Demonstrate the steps to assign colors while minimizing the chromatic number. • Analyze the time complexity and limitations of the approach. Link [https://drive.google.com/file/d/1wKSrun-GlxirS3IZ9qoHazb9tC440 AZF/view?usp=sharing]

Refer to page 150 for problems on socket programming. Instructions: • Develop a client-server application using sockets to exchange messages. • Implement both TCP and UDP communication and highlight their differences. • Test the program under different network conditions and analyze results. Link: [https://drive.google.com/file/d/1wKSrun-GlxirS31Z9qo Hazb9tC440AZF/view?usp=sharing]

Refer to page 80 for problems on white-box testing. Instructions: • Perform control flow testing for the given program, drawing the control flow graph (CFG). • Design test cases to achieve statement, branch, and path coverage. • Justify the adequacy of your test cases using the CFG. Link: [https://drive.google.com/file/d/1wKSrun-GlxirS3IZ9qo Hazb9tC440 AZF/view?usp=sharing]

Chapter 14 Solutions

EBK NEW PERSPECTIVES ON HTML5, CSS3, AN

Ch. 14 - Prob. 1RA Ch. 14 - Prob. 2RA Ch. 14 - Prob. 3RA Ch. 14 - Prob. 4RA Ch. 14 - Prob. 5RA Ch. 14 - Prob. 6RA Ch. 14 - Prob. 7RA Ch. 14 - Prob. 8RA Ch. 14 - Prob. 9RA Ch. 14 - Prob. 10RA

Knowledge Booster

Learn more about

Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.