(5 marks) Complete the HTML/CSS code to implement a layout of a web page. The implementation should satisfy the followings.
Layout-title
Full width; Height: 100px
Background color: HoneyDew
Layout-main
Full width; Height: height of viewport height of layout-title
Background color: LightGrey
>
TRU Questions & Answers
(5 marks) Write the JavaScript function, construct_table(), that
has a parameter of an object,
constructs
code that has a row of property names in the object and another row of property values in the object, and returns the
code. The function should not display anything.
const cars = {Hyundai:"Elatra", VW:"Golf", Honda:"CR-V"};
let str = construct_table(cars);
document.getElementById('result').innerHTML = str;
(10 marks) Complete the code to implement a pop-up box, i.e., a
box, in another
box. The implementation should satisfy the following.
Initially the pop-up box is not displayed.
The position of the pop-up box is at the exact horizontal and vertical center of the outer
box.
The pop-up box needs to be displayed over any other content.
When the button of id='show-popup-box' is clicked, the pop-up box should be displayed.
There are 3 Steps involved in it
Step: 1
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started