Как обнулить строковую переменную после for

Как обнулить строковую переменную после for,хочу вставить через innerHTML выбранные value у нажатых checkbox, по нажатия кнопки в . Но я не пойму, как лучше обнулить переменную, да бы она не дублировала прошлые значения + настоящие.

<div class="container">
       <div class="el"></div>  
           <label for="checkbox1">Мойка машины</label>
           <input type="checkbox" value="Мойка машины" id="checkbox1" name="checkbox1">
       </div>  
       <div class="el"></div>  
           <label for="checkbox2">Диагностика подвески</label>
           <input type="checkbox"  value="Диагностика подвески" id="checkbox2" name="checkbox2">
        </div>  
        <div class="el"></div>  
           <label for="checkbox3">Замена фильтров</label>
          <input type="checkbox" id="checkbox3" value="Замена фильтров" name="checkbox3">
        </div>  
    </div>
    <button class="btn" id="btn"></button>
    
    <div class="l">
        <ul class="ul" id="ul">
    
        </ul>
    </div>
    
    <script>
    let ul = document.getElementById("ul")
    let check1 = document.getElementById("checkbox1")
    let check2 = document.getElementById("checkbox2")
    let check3 = document.getElementById("checkbox3")
    let sumLi=''
    let checkboxesAll = new Array(check1,check2,check3)
    //let checkboxesAll = new Array (document.getElementsByName('checkbox'));
    console.log(checkboxesAll)
    
    function start() {
      for (let index = 0; index < checkboxesAll.length; index++) {
         if (checkboxesAll[index].checked) {
             sumLi+='<li>'+ checkboxesAll[index].value + '</li>'
         } else {
             console.log('не нажат')
         }
      }
      console.log(sumLi)
      const arr=sumLi.split("</li>")
      console.log(sumLi)
    
       ul.innerHTML+=sumLi
     }

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