Как зациклить повторяющийся код?

Question

[dmitry2000]

function changeHeight(selector) {
      chats.style.height = '94%'
      if(selector.style.height === '58px') {
        chats.style.height = '92%'
      }
      if(selector.style.height === '74px') {
        chats.style.height = '90%'
      }
      if(selector.style.height === '90px') {
        chats.style.height = '88%'
      }
    }

Есть вот такой код. Он срабатывает, когда высота селектора изменяется и далее высота другого элемента изменяется. Увеличение высоты всегда идет на 16px. Как не писать кучу кейсов с 106, 122 и прочее высотой и 86 84 соответственно, а сделать это универсально?

Answer 1

[Сергей Соколов]

function changeHeight(selector) {
  const height = parseInt(selector.style.height);
  const percentage = 94 - 2 * Math.floor((height - 42) / 16);
  chats.style.height = percentage + "%";
}