Выводить определенный текст при нажатии на определенные чекбоксы js (Checkbox checked)

Как доработать код, чтобы при нажатии на 4 определенных чекбокса (С 1 модуля по 4) выводился 1 текст ("+"), а если 5 чекбоксов (с 1 по 5), то другой текст ("+ с модулем").

<section><input type="checkbox" class="checkbox-toggler type" data-target="list-item_1-12" value="М"><b>М</b> — ТЕКСТ.
</section>
 <section><input type="checkbox" class="checkbox-toggler type" data-target="list-item_1-13" value="П"><b>П</b> — ТЕКСТ.</section>
  <fieldset>
    <legend><span style="font-size:25px">Выберите модуль</span></legend> 
    <input type="checkbox" class="checkbox-toggler model" data-target="list-item_1-14" value="модулем 1"><b>ППП</b> — модуль 1.<br>    <input type="checkbox" class="checkbox-toggler model" data-target="list-item_1-15" value="модулем 2"><b>ААА</b> — модуль 2.<br>
    <input type="checkbox" class="checkbox-toggler model" data-target="list-item_1-16" value="модулем 3"><b>ВВВ</b> — модуль 3<br>
    <input type="checkbox" class="checkbox-toggler model" data-target="list-item_1-17" value="модулем 4"><b>ООО</b> — модуль 4.<br>
<input type="checkbox" class="checkbox-toggler model" data-target="list-item_1-23" value="модулем 5"><b>МММ</b>  — модуль 5.
  </fieldset></div>

var polygraphs = document.querySelectorAll('.polygraph');
polygraphs.forEach(function(polygraph){
  var fieldset = polygraph.querySelector('fieldset');
  polygraph.addEventListener('click', function(e){
    var target = e.target;
    if(target.tagName === 'INPUT'){
      var additionalName = polygraph.querySelector('.additionalName');
      additionalName.innerText = "";
    
      var checkedTypes = document.querySelectorAll('.type:checked');
      checkedTypes.forEach(function(elem){
        additionalName.innerText +=" "+elem.value;
      });
      var checkedModels = fieldset.querySelectorAll('.model:checked');
      if(checkedModels. length === 4{
        additionalName.innerText +="+";
     } else
 
     if(checkedModels. length === 5){
        additionalName.innerText +="+ с модулем 5";
     } else
    

 {
        checkedModels.forEach(function(elem, index){
          additionalName.innerText += (index === 0 ? " с " : ", ")+elem.value; 
      
        });
      }
    }
  });
});

Если добавляешь этот кусок, то если ставишь любые 4 галочки появляется "+", а мне нужно чтобы, если с 1 по 4 модуль

if(checkedModels. length === 5){
            additionalName.innerText +="+ с модулем 5";
         } else

Если делать 5 модуль, с другим классом, как М и П, то получается почти то, что нужно, но "+" в конце названия, а нужно чтобы последняя надпись была "+ с модулем 5" и еще тогда нет запятой для него. Вот такой код:

var checkedTypes = document.querySelectorAll('.sar:checked');
      checkedTypes.forEach(function(elem){
        additionalName.innerText +=" "+elem.value;
      });

Ответы (0 шт):