Your IP : 216.73.217.62
let numbersArray = [];
const arrayElementInput = document.getElementById('arrayElement');
const btnAdd = document.getElementById('btn-add');
const btnSolve = document.getElementById('btn-solve');
const btnReset = document.getElementById('btn-reset');
const numbersArrayOutput = document.getElementById('output');
const solutionOutput = document.getElementById('solve-output');
const sumFunction = (array) => {
return array.reduce((a, b) => {
return Number(a) + Number(b);
}, 0);
}
btnAdd.addEventListener('click', () => {
numbersArray.push(arrayElementInput.value);
numbersArrayOutput.innerHTML = ` [${numbersArray.join(' ')}]`;
numbersArrayOutput.style.display = 'block';
});
btnSolve.addEventListener('click', () => {
if (numbersArray.length < 1) {
alert('Insert at least 1 element to solve');
return 0;
}
solutionOutput.innerHTML += `<p class="title">Let's begin</p>`;
solutionOutput.style.display = 'block';
let i = 0;
while (numbersArray.length > 1) {
if (i) {
solutionOutput.innerHTML += `<p class="counting">[${numbersArray.join('')}]</p>`;
} else {
solutionOutput.innerHTML += `<p class="counting">[${numbersArray.join(' ')}]</p>`;
}
numbersArray = sumFunction(numbersArray);
numbersArray = numbersArray.toString().split('');
i = 1;
}
solutionOutput.innerHTML += `<p class="solution-title">Solved!</p><p class="solution-output">${numbersArray.join('')}</p>`;
btnAdd.style.display = 'none';
btnSolve.style.display = 'none';
btnReset.style.display = 'initial';
});
btnReset.addEventListener('click', () => {
numbersArray = [];
arrayElementInput.value = 1;
solutionOutput.innerHTML = '';
numbersArrayOutput.innerHTML = '';
btnAdd.style.display = 'initial';
btnSolve.style.display = 'initial';
btnReset.style.display = 'none';
});