Показать значение всех выбранных флажков в верхней части списка

Question

Я хочу получить все значения флажков, которые отмечены, и показать их в верхней части списка. Я написал все в JS и мне нужно в конце связать эти значения с Popup. Вот мой код, который показывает, что при нажатии кнопки появится всплывающее окно со списком флажков:

btnRegelnExisted.onclick = async () => {


      const result = await api.getPolicies()

      const ergebnis = result.data.policies.map(policy => policy.name);

      let DivNames = document.createElement('div');
      DivNames.id = 'divMDSnames';
      let titleNameListMDS = document.createElement('p');
      titleNameListMDS.textContent = "Regel zuordnen:";
      titleNameListMDS.id = "TitleMDSname";
      DivNames.append(titleNameListMDS);

      let DivInnerNames = document.createElement('div');
      DivInnerNames.id = "DivInnernames";
      var ul = document.createElement('ul');
      DivInnerNames.appendChild(ul);
      DivNames.append(DivInnerNames);

      ergebnis.forEach(function (ergebnis) {
        var ValueOfName = document.createElement('li');
        var checkboxvalue = document.createElement('input');
        checkboxvalue.type = 'checkbox';
        ValueOfName.id = 'msdNameValue';
        ul.appendChild(ValueOfName);
        ValueOfName.append(checkboxvalue);
        ValueOfName.innerHTML += ergebnis;

      });

      layer.bindPopup(DivNames).openPopup();
    }

И я также прикрепляю скриншот из текущего результата.