Create Shapes on a website given an input in Javascript : <p>Suppose I have an array in Javascript with integer values: <code>[10, 20, 30, 40, 50]</code>. My goal is to have rectangles side by side that have a width of 10 pixels and a height of the pixels specified in the array. In this case, I would have a rectangle 10 pixels by 10 pixels. Right of the 10x10 rectangle is a rectangle 10x20 and then 10x30 and so on and so forth. What would I code in the HTML, CSS, and JS file to make this.  Right now, the only idea I can think of is an HTML table with shapes in it. The picture below is an example of the output I would like:</p>

<p><a href="https://i.stack.imgur.com/p2iLD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/p2iLD.png" alt="enter image description here"></a></p>
