10 kg, 5개, 10초 가 있습니다.
버튼 1 : 무게,개수
버튼 2 : 개수만
버튼 3 : 시간만
보여주는 10 kg, 5개, 10초는 아래 코드로 작성했습니다.
function method() {
const settingCount = document.getElementById('setting-value').value;
document.getElementById('kgcountlist').innerHTML = '';
for (var i = 0; i < settingCount; i++){
const 템플릿 = `<div'>${i+1}set <span class='input-kg show'><input class="input-box"/>kg</span>
<span class='input-count show'><input class="input-box"/>개</span>
<span class='input-time show'><input class="input-box"/>초</span> <br><br>`;
$('#kgcountlist').append(템플릿);
}
};
버튼을 누를 때마다 기존 식을 지우고 새로 코딩을 하면 'settting-value'값이 바뀌면 또 값이 바뀌어 버려 다른 방식을 찾고 싶은데
class show||none 방식이나 css 변경 방식으로 진행하려 하니 한번 none이 된 것에 다시 show를 주는 방식이 어렵습니다.
이 방법이나 또는 다른 방법으로 해당 문제를 해결할 수 있는 방법이 있을까요?
