Выводить определенный текст при нажатии на определенные чекбоксы 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;
});