Javascript ćwiczenie z formularzami i przedziałami liczb

Witam mam to opracowania następujące ćwiczenie ale nie mam zielonego pojęcia jak powiązać wprowadzane wartości liczbowe ze słupkami graficznymi przedstawionymi w pikselach. Dziękuje za pomoc pozdrawiam.

Zadanie: Opracuj dokument HTML z elementami CSS oraz składni JavaScript, który po podaniu przez użytkownika 4 wartości z przedziału <0;10> "narysuje" na ekranie słupki odpowiadające proporcjonalnie podanym wartościom.

Przykład:
Wejście: 0, 2, 5, 8
Wyjście:

          ||
          || 
          ||
       || ||
       || ||
       || ||
    || || ||
    || || ||
  A  B  C  D

Teraz javascript pobierz input, a w css namaluj słupki.

• proporcja to coś takiego, że a : b = c : d, czyli każdą w prowadzoną liczbę możesz przemnożyć przez np. 100 i narysować słupki o odpowiedniej wysokości.