У меня есть пара флажков после выбора флажков, я посчитал количество флажков и я хочу отобразить форму после выбора флажка и нажатия кнопки, номер флажка выбран, число повторяется той же формы, что (имя, номер мобильного телефона и возраст), и форма сворачивается после нажатия кнопки, форма будет отображаться
<form id="form1" method="post"></form>
<div id="displayer" class="row flex-row flex justify-center mt3 mb4 py-2 f7 items-center vh-50 overflow-auto border-dark ba b--dashed" >
<script>
let html = '';
for(i = 0; i<10;i++) {
html += `
<input type="checkbox" class="dn checkme" name="s-size" id="${i}" value="${i}"/>
<label for="${i}" class="col-2 br-pill f7 m-1 btn text-dark bg-white border-dark grow">${i}</label>
`
}
document.getElementById("displayer").innerHTML = html;
</script>
</div>
</form>
<div class="col-12 p-0 mt0 flex flex-row justify-center" style="position:-webkit-sticky; position:sticky; bottom:0; ">
<button href="#" class="btn btn-dark br-pill w-50 bg-dark " onclick="validate()">Place Bid</button>
</div>
<script>
let validate = (num) => {
let checks = document.getElementsByClassName('checkme');
console.log(checks);
let str = '';
let count = 0;
for(i=0; i<10; i++){
if(checks[i].checked === true){
if(count == 0){
str += checks[i].value;
}
else{
str = str + " | " + checks[i].value ;
}
count++;
}
}
alert(str);
}
</script>
Я посчитал и напечатал значения флажка, который установлен, но я хочу отобразить раскрывающаяся свернутая форма, которая отображается после нажатия кнопки, номер установленного флажка, номер формы отображается с именем мобильного телефона и возрастом