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
EBK NEW PERSPECTIVES ON HTML5, CSS3, AN
- 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_forwardCreate a PHP script to generate multiplication table. Use html tags. The user will enter the number of rows and columns in a text box. The user will then click the Generte button to generate a multiplication table. The user will then search for a value in a text box and highlight the value being searched.arrow_forwardTable rows are created by using which tag? Group of answer choices <tablerow> <row> <tr> <trow> this is for HTMLarrow_forward
- Use forms to create a web page(html) as shown in this picturesarrow_forwardQuestion1: 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_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
- HTML 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_forwardTo 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_forward
- Develop a simple To-Do List application in React Native. TextInput Text Flexbox ListView Images Buttons Animations View and/or WebView Libraries ActivityIndicator Picker Status bar Alert The To-Do app should consist of most of the above listed elements.arrow_forwardComputer Science Design 3 different web pages for the Course Registration website that list out course details offered for the incoming semester. The data should be parsed using XML data structure with a combination of HTML codes as interface design. You are free to use any combination of XQuery, XSLT, XPath and XSLT elements in the pages. Illustrate the source code along with the print screen on the output view that appeared on the web browser.arrow_forwardHold * downvote for incorrect as well because code is in such same form.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