querySelectorAll/forEach not working in IE11

Question

Trying to make some good accessible cards but having trouble with IE11 (no surprise). Pretty sure I'm missing something obvious? I know it is an issue with the js but brain is having trouble getting in to gear :/

const cards = document.querySelectorAll('.card');  
Array.prototype.forEach.call(cards, card => {  
    let down, up, link = card.querySelector('h4 a');            
    card.style.cursor = 'pointer';
    card.onmousedown = () => down = +new Date();
    card.onmouseup = () => {
        up = +new Date();
        if ((up - down) < 200) {
            link.click();
        }
    }
});

try `document.querySelectorAll('.card').forEach(card=>...` – Mister Jojo Aug 08 '20 at 17:24 — Mister Jojo, Aug 08 '20 at 17:24
IE doesn't support the arrow functions – charlietfl Aug 08 '20 at 17:34 — charlietfl, Aug 08 '20 at 17:34
What's the error message you are getting in IE11? – Bergi Aug 08 '20 at 17:46 — Bergi, Aug 08 '20 at 17:46
IE11 is a dead browser – Nikas music and gaming Aug 08 '20 at 17:48 — Nikas music and gaming, Aug 08 '20 at 17:48

score 1 · Accepted Answer · answered Aug 08 '20 at 17:40

1

Try to use the basic function

Internet explorer dont support es6 syntax(arrow function)

Check this links out for more

IE array function stack overflow discussion

github discussion

answered Aug 08 '20 at 17:40

Arun

601
10
15

@Lee if you find this helpful please consider marking this as correct answer – Arun Aug 08 '20 at 20:55

score 0 · Answer 2 · answered Aug 08 '20 at 19:03

Ah yeah, forgot IE11 was no good with es6. Full hand it is! I hate it when a project demands IE support.

var cards = document.querySelectorAll('.card');
Array.prototype.forEach.call(cards, function (card) {
  var down,
      up,
      link = card.querySelector('h4 a');
  card.style.cursor = 'pointer';

  card.onmousedown = function () {
    return down = +new Date();
  };

  card.onmouseup = function () {
    up = +new Date();

    if (up - down < 200) {
      link.click();
    }
  };
});

querySelectorAll/forEach not working in IE11

2 Answers2