please Use javascript and hml$,$ i am currently using Notepad$++.$ Provide a documented textbox for the user to enter a size indicating the number of asterisks to use on a side for the four ASCII$-$art right triangles.

Use a pair of nested for loops to generate the following ASCII$-$art right triangles:

Use an if else statement to determine whether to print an asterisk or a space based on the values of the loop indices.

$($Shown using a value of $4$ asterisks per side$)$

$****$

$***$

$**$

$*$

$*$

$**$

$***$

$****$

$****$

$***$

$**$

$*$

$*$

$**$

$***$

$****$

Also, display the total number of asterisks used to form each shape.

Repeat the above process making the triangles hollow instead.

$($Shown using a value of $5$ asterisks per side$)$

$*****$

$**$

$**$

$**$

$*$

$*$

$**$

$**$

$**$

$*****$

$*****$

$**$

$**$

$**$

$*$

$*$

$**$

$**$

$**$

$*****$

And, display the total number of asterisks used to form each shape.

Ensure that in your code identifiers $($e$.$g$.$ variable and function names$)$ are labeled appropriately.

Hint: remember that a blank is itself a character which occupies a character's worth of space.

Thank you