Home/ Questions/Q 8268593
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-08T05:56:35+00:00

I am trying to find what’s wrong with my code. Mootools core file is

  • 0

I am trying to find what’s wrong with my code.
Mootools core file is attached to HTML head and works well.

If I add the code:

$('myElement').addEvent('click', function(){
    alert('clicked!');
});

right below the <div id="myElement">Click me</div> then it works.

But if I add it to the separate javascript.js file then it does not work

HTML is this:

<!DOCTYPE html>
<html>  
<head>   
<script type="text/javascript" src="mootools-core-1.4.5-full-nocompat.js"></script>
<script type="text/javascript" src="javascript.js"></script>  
</head>
<body>  
<div id="myElement">Click me.</div>
</body>  
</html>

And javascript.js is this:

$('myElement').addEvent('click', function(){
    alert('clicked!');
});

All files (html, mootools-core and javascript.js are in the same directory).
Any ideas?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You have to wrap the expression in a domready event:

    window.addEvent('domready', function() {
    $('myElement').addEvent('click', function() {
        alert('clicked!');
    });
});
    • 0