Hi! I need help on my Javascript programming assignment. I just need help on the functions and output, I have everything else.

Estimated time: 3 hours Question 2 - JavaScript Chapter 5 & 6 (33 points) Save question 2 files in subfolder "lastname firstname assignment61q2\". (-25 points if no JavaScript) Create a web page that displays the default information (example shown). (1 point each, total 3 points) The initial page and related outputs should look like the examples shown below. Create your page using 's Kung Fu Panda Po Magic Rectangle" as the page title. Save the page as index.htm. Remember to document the html file with html comments. (1 point each, total 3 points) Write a program that asks the user for Po's row and column numbers for generating magic rectangles . . o Use html text fields (Kinput type-"text" >) to capture row and column numbers. (4 points) o Generate the magic rectangles shown using nested loops (two-dimensional loops) o The first rectangle must be generated by nested while loops while (...) while (...) (6 points for logic, 4 points for output formatting) o The second rectangle must be generated by nested do...while loops do while (...) (6 points for logic, 4 points for output formatting) o The third rectangle and related calculation must be generated by nested for loops for (...) for (...) (6 points for logic, 4 points for output formatting) Create a css file named style.css to format index.htm by creating your own layout (no two students should have the same layout). Use css comments to document the css program. (1 point each, total 2 points) Example: Initial Page Richard Ricardo's Kung Fu Panda Po Magic Rectangle Enter Po's row and column numbers Po's row: Po's column: generate Po's magic rectangle Po's Magic Rectangle: Example: Input Richard Ricardo's Kung Fu Panda Po Magic Rectangle Enter Po's row and column numbers. Po's row Po's column: generate Po's magic rectangle Po's Magic Rectangle: Example: Output Richard Ricardo's Kung Fu Panda Po Magic Rectangle Enter Po's row and column numbers. Po's row: Po's column:5 generate Po's magic rectangle Po's Magic Rectangle: Po's magic rectangle has 3 rows, and 5 columns. Nested while loop rectangle (XY)(XY) (XY) (XY)(XY) (XY)(XY) (XY)(XY) (XY) (XY)(XY)(XY)(XY) (XY) Nested do..while loop rectangle loc(ri,c1); loc(r1,c2); loc(ri,c3); loc(r1,c4); loc(r1,c5) loc(r2,c1); loc(r2,c2); loc(r2,c3); loc(r2,c4); loc(r2,c5); loc(r3,c1); loc(r3,c2); loc(r3,c3); loc(r3,c4); loc(r3,c5) Nested for loop rectangle 1+1-2; 1+2-3; 1+3 4; 1+4E5; 1+5-6; 2+1-3; 2+2 4; 2+3 5; 2+4 6; 2+5-7; 3+1 4; 3+2 5; 3+3 6; 3+4-7; 3+5-8 Estimated time: 3 hours Question 2 - JavaScript Chapter 5 & 6 (33 points) Save question 2 files in subfolder "lastname firstname assignment61q2\". (-25 points if no JavaScript) Create a web page that displays the default information (example shown). (1 point each, total 3 points) The initial page and related outputs should look like the examples shown below. Create your page using 's Kung Fu Panda Po Magic Rectangle" as the page title. Save the page as index.htm. Remember to document the html file with html comments. (1 point each, total 3 points) Write a program that asks the user for Po's row and column numbers for generating magic rectangles . . o Use html text fields (Kinput type-"text" >) to capture row and column numbers. (4 points) o Generate the magic rectangles shown using nested loops (two-dimensional loops) o The first rectangle must be generated by nested while loops while (...) while (...) (6 points for logic, 4 points for output formatting) o The second rectangle must be generated by nested do...while loops do while (...) (6 points for logic, 4 points for output formatting) o The third rectangle and related calculation must be generated by nested for loops for (...) for (...) (6 points for logic, 4 points for output formatting) Create a css file named style.css to format index.htm by creating your own layout (no two students should have the same layout). Use css comments to document the css program. (1 point each, total 2 points) Example: Initial Page Richard Ricardo's Kung Fu Panda Po Magic Rectangle Enter Po's row and column numbers Po's row: Po's column: generate Po's magic rectangle Po's Magic Rectangle: Example: Input Richard Ricardo's Kung Fu Panda Po Magic Rectangle Enter Po's row and column numbers. Po's row Po's column: generate Po's magic rectangle Po's Magic Rectangle: Example: Output Richard Ricardo's Kung Fu Panda Po Magic Rectangle Enter Po's row and column numbers. Po's row: Po's column:5 generate Po's magic rectangle Po's Magic Rectangle: Po's magic rectangle has 3 rows, and 5 columns. Nested while loop rectangle (XY)(XY) (XY) (XY)(XY) (XY)(XY) (XY)(XY) (XY) (XY)(XY)(XY)(XY) (XY) Nested do..while loop rectangle loc(ri,c1); loc(r1,c2); loc(ri,c3); loc(r1,c4); loc(r1,c5) loc(r2,c1); loc(r2,c2); loc(r2,c3); loc(r2,c4); loc(r2,c5); loc(r3,c1); loc(r3,c2); loc(r3,c3); loc(r3,c4); loc(r3,c5) Nested for loop rectangle 1+1-2; 1+2-3; 1+3 4; 1+4E5; 1+5-6; 2+1-3; 2+2 4; 2+3 5; 2+4 6; 2+5-7; 3+1 4; 3+2 5; 3+3 6; 3+4-7; 3+5-8