Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

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.

3-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.

4-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

Step: 1

blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image

Step: 3

blur-text-image

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Students also viewed these Programming questions