const codeInput = document.querySelector('.discount__input');
  const $message = document.querySelector('.discount__message');
  const codeCheckButton = document.querySelector('.discount__button');
  const changePrice = document.querySelector('.total__js');


  codeCheckButton.addEventListener('click', e => {
    e.preventDefault();
    const codes = ['XDLSQ32', 'MSLDKQE21', 'DLSMQ394'];

    if (codeInput.value === codes[0]) {
      $message.textContent = 'Je code is juist toegepast!';
      codeInput.value = '';
      const finalPrice = changePrice.textContent - 8;
      changePrice.textContent = finalPrice;
      setTimeout(() => {
        $message.textContent = '';
      }, 5000);
      codeInput.disabled = true;
    } else {
      $message.textContent = 'Je code is onjuist';
      codeInput.value = '';
      setTimeout(() => {
        $message.textContent = '';
      }, 5000);
    }

  });