Event.target.value not returning the expected value

user_13597543 0
Viewed 56

My code is working but I'm curious to know why... I think it has something to do with the reference in memory but I can't find a direct answer.

Some context, I had to modify the value of a phone field on each input to trim the spaces between the strings.

const phoneInput = document.querySelector('.phoneInput')
phoneInput.addEventListener('input', function(event) {
  const trimedValue = event.target.value.replace(/\D/g, '')
  return event.target.value = trimedValue
})

This is done and works.

My question is, why isn't it working when I write this ?

const phoneInput = document.querySelector('.phoneInput')
phoneInput.addEventListener('input', function(event) {
  return event.target.value.replace(/\D/g, '')
})
dom-events event-handling input javascript
1 Answers

It's simply because you're assigning some value to event.target.value in your first block but in your second block you're just getting the value from event.target.value and performing some operation on it.

user_126672830
Related