Concept explainers
a.
To create the defineDataArray() function and declare the tableRows variable, which references all of the tr elements within the table body of the sortable table.
b.
To create a for loop that loops through the contents of tableRows and within that, declare a variable named rowCells and an empty array named rowValues with a size equal to the length of rowCells.
c.
To insert a nested for loop within the for loop, that loops through the contents of the rowCells variable and add the text content of the row cell to the rowValues array.
d.
To add the rowValues array to the tableData array after the nested for loop.
e.
To add a two-dimensional array of all of the data in the table body in the tableData array after the outer for loop has finished.
Want to see the full answer?
Check out a sample textbook solutionChapter 12 Solutions
New Perspectives on HTML5, CSS3, and JavaScript
- Create a simple contact us page using your own design (contact-page.php) for gettingcontact details of potential customers. Customer information needed are names, digital- address, email, telephone number and message. All fields must be validated using JavaScript only.4. Create a simple database with name nuksoftdb, create a table contactstb to store the contact details. Write appropriate php codes to connect to the database and insert records from the contact page into the database table.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