Make the following webpage:

$!$@$$#$$$$\%$

Notice the textbox starts with the value $10$ and the $!$ checkbox is selected upon loading. When the

user clicks on the draw triangle button, a triangle is created with the number of rows specified in

the textbox. The symbols used to make the triangle are the ones selected in the checkbox. It starts

with the first symbol selected $($from the left$)$ and uses a new symbol each time until all have been

used once. It then restarts the pattern.

Here is a sample run:

$!$grad@$$#grad$$\%$

@

$@

$@$

@$@$

@$@$@

Here is another sample run:Here is yet a third sample run:

grad!grad@$$#grad$\%$

$!$

@$

$\%!$@

$$\%!$@

$$\%!$@$

$\%!$@$$\%!$

@$$\%!$@$$\%$

You can assume that the user will put in a positive integer in the textbox and that at least one of

the checkboxes will be selected before pressing the button. On final functionality you must code

for: If you click on the triangle after it has been drawn to the webpage, the triangle should

disappear. can someone help me with this code im kind of confuse if someone can write for me in html form