В зависимости от ввода числа (от 1 до 10, например 4,5) выводилась одна из 3 картинок?

Question

[doctor__23]

Коллеги, прошу помощи. Столкнулся с такой проблемой, что нужно сделать в админке на OpenCart для клиента, что он вводил число от 1 до 9 ( с ходом в 0,5) и в зависимости от числа выводилась картинка.
Например, вводим 5,5/9 и выводится (как в прикрепленном изображении) 4 полных, 1 неполная и 4 пустых).
Подскажите, как это можно реализовать на JQuery иди JS, буду очень признателен:)

Answer 1

[Иван Клименко]

Вот так, например:

Comments

[doctor__23]

Спасибо, большое, очень крутое решение.
Но возникла проблема, когда вот сюда

const filledImage = '■';
  const halfEmptyImage = '⬕';
  const emptyImage = '□';

путь до изображения, то выводиться только путь до изображения, а не само изображение, не подскажете, как лучше селать?

[doctor__23]

Насколько я понял по коду, то просто все выводится текстом, а как обернуть это в картинку?

[doctor__23]

Все, сам дурачок, понял:D

[Иван Клименко]

doctor__23, замечательно