/js_task_clone_table_column_DOM

JS Advanced task. Clone and paste table column.

Primary LanguageHTMLGNU General Public License v3.0GPL-3.0

  1. Replace <your_account> with your Github username in the link
  2. Follow this instructions
    • Run npm run test command to test your code;
    • Run npm run test:only -- -n to run fast test ignoring linter;
    • Run npm run test:only -- -l to run fast test with additional info in console ignoring linter.

Task: Copy/Paste table column

Clone and paste element to document... Easy? Okay, but what do you say when I aks you to clone and paste table column? This task is for real heroes!

Your task: Clone the second column from the table, and append it to the table. To increase the complexity, append it in front of the last table column.

Initial table:

Preview

Expected table: Result

In this task, we don't provide details instructions. But below are some hints how to do this task:

  • JavaScript document has methods to work with tables. Theory tables
  • Before you start review the table structure
  • Remember that in this task HTML table has tbody, thead, tfoot sections.
  • As a first step try to append first column to the end of the table.

You don't need to change styles or HTML layout in this task. Change only main.js file.