How to create a simple 2 bar chart in HTML with variable data input

Question

I am working on a project and I want to show a simple 2 bar chart in HTML showing and comparing 2 kinds of data, the value of the house and the value of the mortgage. Because every situation is different, both values can vary. I just started studying JS and don´t know a lot of JS. My question is: is there a simple code which I can use?

Answer 1

In html

Use two div of desired heights and width.
Then
Make two range slider for variation in height of bar
Then make a button

In js
Get div height and width
Get value of both range slider in variables.
Add event listener on button
to set height and width equal value of range.

Try it .you can do it.

Answer 2

Divya Mohan thanks, I am going to try this