My javascript code won't execute, even tough my console doesn't give any errors

Question

I'm trying to show a map when I click on an h1 element. So I wrote my code which should do the trick but nothing happens. So I went looking for my JS console in my browser and there weren't any errors so I'm kinda stuck right now. Anyone that can help me out?

my HTML:
<section class="WT1">
<h1>Wetenschap & Techniek - Ellermanstraat &#8595</h1>
<div id="mapid"></div>
</section>


my JS
var touchMe = document.getElementsByTagName('h1');

touchMe.onhover = function() {
touchMe.style.cursor = 'pointer';
}

touchMe.onclick = function() {
document.getElementById('mapid').style.display = "block";
};

first confirm, you are running code after getting DOM ready – musigh Mar 12 '19 at 14:06 — musigh, Mar 12 '19 at 14:06

score 3 · Answer 1 · answered Mar 12 '19 at 14:01

3

getElementsByTagName returns an array of elements, select one item from it

var touchMe = document.getElementsByTagName('h1')[0]

answered Mar 12 '19 at 14:01

AlexOwl

869
5
11

@brk, yeah, I know that it's NodeList, but it can be used like array – AlexOwl Mar 12 '19 at 14:04
https://www.w3schools.com/js/js_htmldom_nodelist.asp – AlexOwl Mar 12 '19 at 14:06
`Changed the return value from NodeList to HTMLCollection`, looks like they changed it – AlexOwl Mar 12 '19 at 14:09

My javascript code won't execute, even tough my console doesn't give any errors

1 Answers1