Problem in JavascritRe-create the course schedule table with JavaScript. You may use the following shell for your html file.<!DOCTYPE html><html><head><style>/* Defines a cleaner look for tables */table { border-collapse: collapse; }td, th { border: 1px solid black; padding: 3px 8px; }th { text-align: left; }</style></head><body><script>function buildTable(data) {// Your code here.}document.body.appendChild(buildTable(CLASS_SCHEDULE));</script></body></html>Requirement(s):The table cannot only be built with HTML, you must use JavaScript as well.You must use the following DOM methods:document.createElement()document.appendChild()Recommendations:Get the structure of the table down, then worry about styling.Use CSS in the <style> shell provided or the style property for DOM objects.Build a data set of an array of objects to help organize the content that make up your table and use a loop to In the following table the properties represent contents of the table heading cells <th> {property} </th> and values represent the contents of table standard cells <td> {value} </td>, however, you can format your data in any way you wish. var CLASS_SCHEDULE = [{week: 1,begins: "03/04",topics: ["Introduction", "Chapter 1: Values Types Operators", "Assignment 1 due 11:59pm 03/10"]},{week: 2,begins: "03/11",topics: ["Chapter 2: Programming Structure", "Assignment 2 due 11:59pm 03/17"]},...];In case you need a reminder of what a table structure looks like (for clarity, you cannot use the below to create your table for this assignment):<table> //-> table DOM object<tr> //-> table row<th>name</th> //-> table header cell<th>height</th><th>country</th></tr><tr><td>Kilimanjaro</td> //-> table standard cell<td>5895</td><td>Tanzania</td></tr></table>This would look end up looking something like:nameheightcountryKilimanjaro5895Tanzania

Actually. JavaScript is a scripting and programming language for the web. JavaScript can change and…

Answered: Problem in Javascrit Re-create the…

New Perspectives on HTML5, CSS3, and JavaScript

6th Edition

ISBN:9781305503922

Author:Patrick M. Carey

Publisher:Patrick M. Carey

Chapter3: Designing A Page Layout: Creating A Website For A Chocolatier

Section3.3: Visual Overview: Layout With Positioning Styles

Problem 7QC

See similar textbooks

Related questions

Concept explainers

Question

Problem in Javascrit

Re-create the course schedule table with JavaScript. You may use the following shell for your html file.

<!DOCTYPE html>
<html>
<head>
<style>
/* Defines a cleaner look for tables */
table { border-collapse: collapse; }
td, th { border: 1px solid black; padding: 3px 8px; }
th { text-align: left; }
</style>
</head>
<body>
<script>
function buildTable(data) {
// Your code here.
}

document.body.appendChild(buildTable(CLASS_SCHEDULE));
</script>
</body>
</html>

Requirement(s):

The table cannot only be built with HTML, you must use JavaScript as well.
You must use the following DOM methods:
- document.createElement()
- document.appendChild()

Recommendations:

Get the structure of the table down, then worry about styling.
- Use CSS in the <style> shell provided or the style property for DOM objects.
Build a data set of an array of objects to help organize the content that make up your table and use a loop to In the following table the properties represent contents of the table heading cells <th> {property} </th> and values represent the contents of table standard cells <td> {value} </td>, however, you can format your data in any way you wish.
var CLASS_SCHEDULE = [
{
week: 1,
begins: "03/04",
topics: ["Introduction", "Chapter 1: Values Types Operators", "Assignment 1 due 11:59pm 03/10"]
},
{
week: 2,
begins: "03/11",
topics: ["Chapter 2: Programming Structure", "Assignment 2 due 11:59pm 03/17"]
},
...
];
In case you need a reminder of what a table structure looks like (for clarity, you cannot use the below to create your table for this assignment):<table> //-> table DOM object
<tr> //-> table row
<th>name</th> //-> table header cell
<th>height</th>
<th>country</th>
</tr>
<tr>
<td>Kilimanjaro</td> //-> table standard cell
<td>5895</td>
<td>Tanzania</td>
</tr>
</table>
This would look end up looking something like:

name height country

Kilimanjaro 5895 Tanzania

Expert Solution

Trending now

This is a popular solution!

Step by step

Solved in 3 steps with 1 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.

name	height	country
Kilimanjaro	5895	Tanzania