Skip to content

Instantly share code, notes, and snippets.

@rafiahmedd
Created September 9, 2021 10:49
Show Gist options
  • Save rafiahmedd/56778d54796eab01884ed74e69dd65cf to your computer and use it in GitHub Desktop.
Save rafiahmedd/56778d54796eab01884ed74e69dd65cf to your computer and use it in GitHub Desktop.
Calculate Number in ff
const btn = document.querySelector('.calculate');
btn.type = 'button';
let numbers = document.querySelectorAll('form [type="number"]');
numbers[numbers.length-1].closest('div').parentElement.insertAdjacentHTML('afterend',`<span class="calc"></span>`);
const resultEl = document.querySelector('.calc');
resultEl.style.display = 'none';
function sum(){
let result = 0;
numbers.forEach(function(num){
result +=+ num.value;
resultEl.style.display = 'block';
num.value = '';
num.addEventListener('keyup', function(e){
resultEl.style.display = 'none';
//result += num.value;
});
});
if(isNaN(result) === false){
resultEl.innerHTML = `<b>Total:</b> ${result}`;
}
}
btn.addEventListener('click', sum);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment