Class Is Not Defined Onclick Event
I use the new class syntax for JS. When I press a button, I want to call a method from a class. To archieve this, I set this method static. class NoteController { // The controller
Solution 1:
EDIT: Correction to make it static:
<script>
class NoteController { // The controller class
constructor() { // Initialization
// ...
alert('constructor called');
}
static CreateNote() { // The method to call - static
// ....
alert('create note');
}
}
//var nc=new NoteController();
//console.log(nc);
</script>
<button type="button" id="btnCreateNote" onclick="NoteController.CreateNote()">Create</button> // call the method
This is the working example of your code:
<script>
class NoteController { // The controller class
constructor() { // Initialization
// ...
alert('constructor called');
}
CreateNote() { // The method to call - static
// ....
alert('create note');
}
}
var nc=new NoteController();
console.log(nc);
</script>
<button type="button" id="btnCreateNote" onclick="nc.CreateNote()">Create</button> // call the method
Working JSFiddle
Solution 2:
Since lack of information about NoteController.js,I assume that your NoteController.js has below code.
function NoteController()
{
//variables
//sub functions
function CreateNote()
{
//code
}
}
So now you need to create the object of the function and call it.
<script src="NoteController.js"></script>
<script>
var _noteController=new NoteController();
</script>
<body>
<button type="button" id="btnCreateNote"
onclick="_noteController.CreateNote()">Create</button>
</body>
Solution 3:
Include your class inside the <script> tags, So that the browser will identify the javascript code and execute it!
Post a Comment for "Class Is Not Defined Onclick Event"