"use strict"; /* New Perspectives on HTML5, CSS3, and JavaScript 6th Edition Tutorial 14 Case Problem 2 Filename: cc_staff.js / / 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 {return 1;} }); } }; / Event listener to retrieve and display employee records matching the search condition / document.getElementById("searchButton").addEventListener("click", function() { var tableBody = document.querySelector("table#staffTable tbody"); var tableCaption = document.querySelector("table#staffTable caption"); tableBody.removeChildren(tableBody.childNodes[0]); searchResult.employees = []; directory.staff.forEach(function(record){ var nameSearch = document.getElementById("nameSearch").value; var nameSearchType = document.getElementById("nameSearchType").selectedValue(); switch (nameSearchType){ }) }); / --- 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; return this.options[sIndex].value; };

C++ for Engineers and Scientists

4th Edition

ISBN:9781133187844

Author:Bronson, Gary J.

Publisher:Bronson, Gary J.

Chapter12: Adding Functionality To Your Classes

Section: Chapter Questions

Problem 1PP

See similar textbooks

Related questions

Question

need help with some JavaScript

"use strict";

New Perspectives on HTML5, CSS3, and JavaScript 6th Edition

Tutorial 14

Case Problem 2

Filename: cc_staff.js

/* 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 {return 1;}

});

}

};

/* Event listener to retrieve and display employee records matching the search condition */

document.getElementById("searchButton").addEventListener("click", function() {

var tableBody = document.querySelector("table#staffTable tbody");

var tableCaption = document.querySelector("table#staffTable caption");

tableBody.removeChildren(tableBody.childNodes[0]);

searchResult.employees = [];

directory.staff.forEach(function(record){

var nameSearch = document.getElementById("nameSearch").value;

var nameSearchType = document.getElementById("nameSearchType").selectedValue();

switch (nameSearchType){

})

});

/* --- 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;

return this.options[sIndex].value;

};

Expert Solution

Trending now

This is a popular solution!

Step by step

Solved in 2 steps with 3 images

SEE SOLUTION Check out a sample Q&A here

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.