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, '')
})
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.