Калькулятор Taplink

Видео:

https://www.youtube.com/watch?v=eKAw5ZQju-Y

Код:

<script>
   document.addEventListener('DOMContentLoaded', () => {
  var total = Array.from(document.querySelectorAll('.form-field label')).find(el => el.textContent === 'Сумма покупки:')
total.parentElement.querySelector('input').value = 0;
localStorage.setItem('amount', 0);
  });
  
Array.from(document.querySelectorAll('.form-field input[type="checkbox"]')).map((kekbox) => {
  kekbox.onchange = function checkVal() {
  var checkboxes = document.querySelectorAll('.form-field input[type="checkbox"]:checked');
var amount = 0;
for(var i = 0, dl = checkboxes.length; i < dl; i++) {
  var parsedcheckbox = checkboxes[i].parentElement.parentElement.querySelector('.form-field-desc').textContent.match(/\d/g);
  parsedcheckbox = parsedcheckbox.join("");
var amount = parsedcheckbox*1 + amount;
}
var total = Array.from(document.querySelectorAll('.form-field label')).find(el => el.textContent === 'Сумма покупки:')
total.parentElement.querySelector('input').value = amount;
  localStorage.setItem('amount', amount);
};
});
</script>
  <script>
setInterval(function(){ 
       var amount = localStorage.getItem('amount');
  console.log(amount);
var total = Array.from(document.querySelectorAll('.form-field label')).find(el => el.textContent === 'Сумма покупки:');
total.parentElement.querySelector('input').value = amount;
  total.parentElement.querySelector('input').classList.add('closed');
  }, 1000);
</script>
<style>
.closed {
pointer-events: none;
  opacity: 0.9;
}
</style>