Concept explainers
a.
To create the columnSort() function and declare a variable named columnText equal to the text content of the event object target.
b.
To retrieve the index number of the column by applying the indexOf() method to the dataCategories array and store the index number in the columnIndex variable.
c.
To test whether columnIndex is equal to sortIndex. If it is equal then multiply the sortDirection variable by -1 otherwise set sortIndex equal to columnIndex.
d.
To declare the columnNumber variable equal to columnIndex + 1.
e.
To declare the columnStyles variable and then delete the third rule from the last style sheet.
f.
To add the given style rule to display the icon on the basis of ascending and descending order.
g.
To sort the values in the tableData array using the dataSort2D() function.
h.
To create and append the newly sorted table body to the web table by calling the writeTableData() function.
Want to see the full answer?
Check out a sample textbook solutionChapter 12 Solutions
New Perspectives on HTML5, CSS3, and JavaScript
- Create 3 new users (provide screenshots for each): Name: Thomas Jefferson Username: thomas Password: Monticello Name: Abraham Lincoln Username: abe Password: 4score&7years Name: Benjamin Franklin Username: ben Password: Early2bedEarly2rise b. Create 3 new groups: presidents (members: thomas, abe) continental_congress (members: thomas,ben) us_currency (members: thomas,ben,abe)arrow_forwardHere are what to display on your Pokémon's show page: The pokemon's name The image of the pokemon An unordered list of the Pokemon's types (eg. water, poison, etc). The pokemon's stats for HP, ATTACK, and DEFENSE. Routes Your app should use RESTful routes: Index GET /pokemon Show GET /pokemon/:id New GET /pokemon/new Edit GET /pokemon/:id/edit Create POST /pokemon Update PUT /pokemon/:id Destroy DELETE /pokemon/:id This is the module.js file module.exports = [ { id: "001", name: "Bulbasaur", img: "http://img.pokemondb.net/artwork/bulbasaur.jpg", type: [ "Grass", "Poison" ], stats: { hp: "45", attack: "49", defense: "49", spattack: "65", spdefense: "65", speed: "45" }, moves: { level: [{ learnedat: "", name: "tackle", gen: "V" }, { learnedat: "3", name: "growl", gen: "V" }, { learnedat: "7", name: "leech seed", gen: "V" }, {…arrow_forwardTable rows are created by using which tag? Group of answer choices <tablerow> <row> <tr> <trow> this is for HTMLarrow_forward
- Question1: create a: 1. View php page: This page should have an html table that displays the data from (users table) you created in Lab#7. 2. In the View php page you created, add two more columns in the view table, one allows editing of the row and one allows deleting the row.arrow_forwardالمحاولة رقم lab1:1 Create a table as the following: 1. three columns (company, contact, country) 2.7 rows 3. the company picture only shows on Company column the picture must be in circle and has ink to company URL ; picture must show alt for company name 4. choose different color for each row (even and odd) محتوى إضافي؟ يمكنلك إضافة تص وملفات تدعم إجاباتك إضافة محتوی Juus! الحفظ لوقت لاحقarrow_forwardGolden Pulps: Devan Ryan manages the website Golden Pulps, where he shares tips on collecting and fun stories from the “golden age of comic books”—a period of time covering 1938 through the early 1950s. Devan wants to provide online versions of several classic comic books, which are now in the public domain. He’s scanned the images from the golden age comic book, America’s Greatest Comics 001, published in March, 1941 by Fawcett Comics and featuring Captain Marvel. He’s written the code for the HTML file and wants you to help him develop a layout design that will be compatible with mobile and desktop devices. Flex Layout Styles Open the gp_layout.css file and go to the Flex Layout Styles section and insert a style rule to display the page body as a flexbox oriented as rows with wrapping. As always, include the latest -webkit browser extension in all of your flex styles. The page body content has two main elements. The section element with the ID #sheet contains the panels from the…arrow_forward
- To span a cell across two rows and three columns, use the attribute: a. span = "2 3" b. span = "3 2" c. rows = "2" cols = "3" d. rowspan = "2" colspan = "3"arrow_forwardHTML Use repl.it to build a web page that contains a table that displays some set of data. For this exam, you may use your previous labs as a starting point, however, you must fork the repl (see instructions in previous lab) so that it does not alter your lab submission. You can choose the topic of the webpage and how you want to portray the table data. You must use the <table> element in HTML for your tabulated data. While you can choose any kind of table you choose, there are a few requirements: You must have at least 5 columns and 5 rows. You must have a header row THE BELOW IS JUST AN EXAMPLE - NOTHING IS REQUIRED EXCEPT THE TABLE If you are having difficulty coming up with an idea or just don’t feel like being creative, below is an example that you may use for your Exam: Create a table of assignments for the semester. You have the following data: Labs Lab 1, Lab 2, Lab 3, etc. Professional Accountability Exercises Reviews Exams Exam I, Exam II, and this exam…arrow_forwardHTML table created by PHP CSS to set background color to "lightblue" PHP: create strings representing numbers in various bases Behavior: The page will look like this. The items are decimal and hexadecimal numbers from 1-20. The items are hexadecimal results of multiplication. Sample output: HW02 - Multiplication Table Matrix 3 4 5 5 5 af 6 1234567 8 9 10 11 12 13 14 15 16 17 18 19 20 Multiply 123456789abcd ef 10 11 12 13 14 1 1 2 3 4 5 6 7 8 9 a b c d e f 10 11 12 13 14 22468 ac e 10 12 14 16 18 la lc le 20 22 24 26 28 3 3 6 9 cf 12 15 18 lb le 21 24 27 2a 2d 30 33|36|39|3c 4 4 8 C 10 14 18 lc 20 24 28 2c 30 34 ||38 ||3c||40||44||48||4c_||50 1419 le 23 28 2d 32 37 3c|41|46|4b|50|55|5a|5f|64 66 c 12 18 le 24 2a 30 36 3c 42 48|4e||54|5a 60 ||66 ||6c 72 78 7 7 e 15 lc 23 2a 31 38 3f 46 4d 54 5b ||62|69|70|77|7e||85 ||8c 8 8 10 18 20 28 30 38 40 48 50 58 60 68 70 78 80 88 90 98 a0 12 lb 24 2d 36 3f 48 51 5a 63 6c 75 7e 87 90 99 a2 ab b4 14 le 28 32 3c 46 50 5a 64 6e 78 82 8c 96 a0 laa b4…arrow_forward
- New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage LearningCOMPREHENSIVE MICROSOFT OFFICE 365 EXCEComputer ScienceISBN:9780357392676Author:FREUND, StevenPublisher:CENGAGE LNp Ms Office 365/Excel 2016 I NtermedComputer ScienceISBN:9781337508841Author:CareyPublisher:Cengage