Call a javascript method in a class from a html button

Question

Okay so i have been looking on how to call a method from javascript in an onclick event in for example let's say a button, but i can't find any answers.

This is what I have:

Javascript

class SomeClassName() {
   methodName() {
     alert("test");
   }
}

html

<button type="button" onclick="methodName()">Click me</button>

Obviously I didn't expect this to work since you need to make an instance like:

Object = new SomeClassName();
Object.methodName();

But I can't figure out how to do this on an onclick event.

where would i need to declare the object? i did this at the top in my script tag but it give an error "Object.methodName is not a function" — Niels Van Steen
– Niels Van Steen, Commented Mar 4, 2020 at 17:37

Kyle · Accepted Answer · 2020-03-04 17:47:06Z

2

Don't define your 'class' with parens

class SomeClassName()

additionally, if you want to call a method without instantiating it, you must make that method 'static'

class SomeClassName {
   static methodName() {
     alert("test");
   }
}

<button type="button" onclick="SomeClassName.methodName()">Click me</button>

edited Mar 4, 2020 at 17:47

answered Mar 4, 2020 at 17:44

Kyle

1,5031 gold badge12 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Niels Van Steen Over a year ago

Thanks, i figured it out i needed to declare this "Object = new SomeClassName();" after the class and then it worked

Collectives™ on Stack Overflow

Call a javascript method in a class from a html button

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related