Click here to Skip to main content
15,868,141 members
Home / Discussions / JavaScript
   

JavaScript

 
QuestionAddEventListener in vanilla Javascript Pin
jkirkerx16-Jun-21 14:52
professionaljkirkerx16-Jun-21 14:52 
I feel I'm pretty close here. I have like 5 phone number inputs, and instead of adding a event attribute in the input element, I thought I would just use a class called phoneNumber and loop all the element to ad an event listener. I'm close, just missing the glue to pass on the element value to the phone number function I stole off the internet and tweaked a bit.

I've done this before in typescript. But I've been really deep in this PHP project I've been working on. I can see the value of using inspector in the event, but PHP Storm isn't suggesting anything for it.

On my for loop, must examples used the index type loop, but I wanted to be a little more ES6 with it. Not sure if it's a good idea or not.
C#
document.addEventListener("DOMContentLoaded",() => {

    const phoneInputs = document.getElementsByClassName('phoneNumber');
    for (phoneInput of phoneInputs) {
        phoneInput.addEventListener('keydown', (e) => {
            console.log(e.id);

            formatPhoneNumber(e.value) // Value is the phone number in the textbox
        });
    }

});
If it ain't broke don't fix it
Discover my world at jkirkerx.com

AnswerRe: AddEventListener in vanilla Javascript Pin
jkirkerx17-Jun-21 11:16
professionaljkirkerx17-Jun-21 11:16 
AnswerRe: AddEventListener in vanilla Javascript Pin
jkirkerx19-Jun-21 11:24
professionaljkirkerx19-Jun-21 11:24 
AnswerRe: AddEventListener in vanilla Javascript Pin
Richard Deeming20-Jun-21 23:42
mveRichard Deeming20-Jun-21 23:42 
GeneralRe: AddEventListener in vanilla Javascript Pin
jkirkerx21-Jun-21 6:26
professionaljkirkerx21-Jun-21 6:26 
GeneralRe: AddEventListener in vanilla Javascript Pin
Richard Deeming21-Jun-21 6:31
mveRichard Deeming21-Jun-21 6:31 
GeneralRe: AddEventListener in vanilla Javascript Pin
jkirkerx21-Jun-21 6:41
professionaljkirkerx21-Jun-21 6:41 
GeneralRe: AddEventListener in vanilla Javascript Pin
jkirkerx21-Jun-21 6:58
professionaljkirkerx21-Jun-21 6:58 
Questionhow to limit the draggable area in snap.svg? Pin
Member 1269897212-Jun-21 20:45
Member 1269897212-Jun-21 20:45 
QuestionI am getting the following error while trying to run ./watch for my Ember JS application Pin
simpledeveloper1-Jun-21 19:44
simpledeveloper1-Jun-21 19:44 
AnswerRe: I am getting the following error while trying to run ./watch for my Ember JS application Pin
jkirkerx16-Jun-21 14:58
professionaljkirkerx16-Jun-21 14:58 
QuestionHow To Use Dynamic variable in Javascript Pin
pranay kumar 202127-May-21 3:14
pranay kumar 202127-May-21 3:14 
AnswerRe: How To Use Dynamic variable in Javascript Pin
jkirkerx16-Jun-21 15:01
professionaljkirkerx16-Jun-21 15:01 
QuestionHow to deskew a page of pdf document which is loaded through pdf.js Pin
Member 1520321817-May-21 8:58
Member 1520321817-May-21 8:58 
QuestionJavascript Array Wrapper or Class Pin
Member 1510027612-May-21 14:23
Member 1510027612-May-21 14:23 
QuestionUse of assignment operator inside {} Pin
captain prime30-Apr-21 1:40
captain prime30-Apr-21 1:40 
AnswerRe: Use of assignment operator inside {} Pin
Richard Deeming30-Apr-21 1:49
mveRichard Deeming30-Apr-21 1:49 
GeneralRe: Use of assignment operator inside {} Pin
captain prime30-Apr-21 18:23
captain prime30-Apr-21 18:23 
QuestionMulti select with Id:Value init issue - Tabulator.js (Oli Folkerd) Pin
Member 105369227-Apr-21 23:38
Member 105369227-Apr-21 23:38 
QuestionNode express.js API slow response on first time request Pin
Member 1395114022-Apr-21 1:36
Member 1395114022-Apr-21 1:36 
QuestionHelp Pin
fielle14-Apr-21 22:17
fielle14-Apr-21 22:17 
AnswerRe: Help Pin
Richard Deeming14-Apr-21 22:51
mveRichard Deeming14-Apr-21 22:51 
Question8yr JS now giving me console error in FF and CHROME Pin
Member 1514660811-Apr-21 9:07
Member 1514660811-Apr-21 9:07 
AnswerRe: 8yr JS now giving me console error in FF and CHROME Pin
Richard Deeming11-Apr-21 21:29
mveRichard Deeming11-Apr-21 21:29 
GeneralRe: 8yr JS now giving me console error in FF and CHROME Pin
Member 1514660812-Apr-21 3:00
Member 1514660812-Apr-21 3:00 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.