Self-executing code not working?

Asked Oct 12 '14 at 18:01

Active Oct 12 '14 at 18:01

Viewed 21 times

I recently put my code in a self-executing block.

Now when I try to run the code it returns an error of file VM6963:18 in the console:

Uncaught TypeError: Cannot read property 'value' of null

(function() {
    "use strict";

    var input = document.getElementById("find");

    (function placeFinder(input) {
        var autocomplete = new google.maps.places.Autocomplete(input);

        google.maps.event.addListener(autocomplete, "place_changed", function() {
            var place = autocomplete.getPlace();

            if (!place.hasOwnProperty("formatted_address")) {
                input.setAttribute("title", input.value);

                return null;
            }

            input.setAttribute("title", place.formatted_address);
        });
    })(input);
})();

asked Oct 12 '14 at 18:01

Kid Diamond

1,953
8
32
67

How does the version without the IIFE look like (the one that worked)? – Bergi Oct 12 '14 at 18:02
1

It means there is no element with id 'find'. – dfsq Oct 12 '14 at 18:03
Why do you have *two* blocks of immediately-invoked functions? – Bergi Oct 12 '14 at 18:03
The thing is, I *do* have an element with id `find`. :/ – Kid Diamond Oct 12 '14 at 18:03
Is this JS called before or after #find exists in the DOM? Show us the full HTML. – Reeno Oct 12 '14 at 18:04
@Reeno Yes, it's called in the header tags of the HTML. – Kid Diamond Oct 12 '14 at 18:04
@KidDiamond: Place this JS *below* the element. The element has to exist before the JS is called – Reeno Oct 12 '14 at 18:05
By the time this code runs, there is **no** element with id `find` yet. DOM tree is not yet rendered. – dfsq Oct 12 '14 at 18:06

Self-executing code not working?

0 Answers0