Why does "getElementsByClassName" not work?

I've got a page that works, but I need more than one link to activate the Javascript function. Take a look:

This works: https://countryshowdown.com/map_stunt.php#

But, again, I need more than one link to open the same page. So, I tried this:

https://countryshowdown.com/map_fail.php and it doesn't fire.

How can activate the same function from two different links?

What do you think?
brucegustPHP DeveloperAsked:
Who is Participating?
 
Robert SchuttConnect With a Mentor Software EngineerCommented:
You can do this by looping over all objects in the array returned from getElementsByClassName.

Try something like this (note the first line on your site also contained the wrong function, missing the last bit):
var btn = document.getElementsByClassName("myBtn");
for(var b = 0; b < btn.length; b++) {
    btn[b].onclick = function() {
        modal.style.display = "block";
    }
}

Open in new window

0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.