Question: I got a really confused about javascript sometimes! how to answer this question !? this is a file of javascript and these are the questions

I got a really confused about javascript sometimes! how to answer this question !?

this is a file of javascript and these are the questions :

  1. Modules - rewrite the code so that it uses a new module (view.js) for the view function and imports that function into the main.js file.
  2. Handlebars templates - rewrite the code so that it uses Handlebars templates to generate the HTML to insert into the page. I've already included the handlebars library into the index.html page for you.

  1. onclick handler for the button with id "action".Label the button "S1 Units" and when it is clicked, update the display to only show the S1 units from the list.
  2. Add further buttons (you can change the HTML if you wish or do it from Javascript) to display the S2 unit

// Here's the units data again

let all_units = [

{

'code': 'COMP2110',

'title': 'Web Technology',

'offering': 'S1'

},

{

'code': 'COMP2010',

'title': 'Algorithms and Data Structures',

'offering': 'S1'

},

{

'code': 'COMP2150',

'title': 'Game Design',

'offering': 'S1'

},

{

'code': 'COMP2320',

'title': 'Offensive Security',

'offering': 'S1'

},

{

'code': 'COMP2200',

'title': 'Data Science',

'offering': 'S2'

},

{

'code': 'COMP2250',

'title': 'Data Communications',

'offering': 'S2'

},

{

'code': 'COMP2300',

'title': 'Applied Cryptography',

'offering': 'S2'

},

{

'code': 'COMP2000',

'title': 'Object-Oriented Programming Practices',

'offering': 'S2'

},

{

'code': 'COMP2050',

'title': 'Software Engineering',

'offering': 'S2'

},

{

'code': 'COMP2100',

'title': 'Systems Programming',

'offering': 'S2'

}

];

/*

* Display a list of units as a table in the element with the

* given id.

*/

function unit_table(id, units) {

let target = document.getElementById(id);

let table = "

"

table += "

";

for (let i=0; i

table += "

";

}

table += "

CodeTitleOffering
" + units[i].code +

"

" + units[i].title +

"

" + units[i].offering + "
"

target.innerHTML = table;

}

window.onload = function() {

this.unit_table("content", all_units);

}

To test your skills do the below :

  1. Copy the array of units (just the array, not the variable name) into a new file with a .json extension
  2. Convert your application to use the fetch API to request the JSON file and update the page when it arrives.

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Programming Questions!