Как обнулить строковую переменную после 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
}