Замена placeholder в зависимости от выбранного radio button

sdfsd

document.addEventListener('DOMContentLoaded', function () {
  const phoneNumberInput = document.getElementById('phone-number');
  const radioButtons = document.querySelectorAll('input[name="contact-method"]');

  radioButtons.forEach(function (radio) {
    radio.addEventListener('change', function () {
      switch (this.value) {
        case 'phone':
          phoneNumberInput.placeholder = 'Номер телефона';
          break;
        case 'telegram':
          phoneNumberInput.placeholder = 'Телеграм';
          break;
        case 'whatsapp':
          phoneNumberInput.placeholder = 'Ватсапп';
          break;
        case 'sms':
          phoneNumberInput.placeholder = 'СМС';
          break;
      }
    });
  });
});

sdf