L’objet ne gère pas la propriété ou la méthode « forEach » Ie 11

Salut

Le contexte global:
toujours dans mes petits programmes à l'intention du monde radioamateurs.
Le lien: Étude Morse

Je construis toujours mes petits programmes pour Firefox, mais les utilisateurs utilisent aussi Chrome, Edge, Opera et Internet Explorer.
Il est sous-entendu qu'ils doivent avoir la quasi dernière version de l'un de ses navigateurs.

Pour l'instant les programmes proposés fonctionnent tant bien mieux que mal pour chaque navigateur.

Aujourd'hui, je ne parviens pas à trouver tout seul la solution au problème sous IE 11.
Dans le débogueur, j'ai cette alerte:

Pièce jointe 470772

qui renvoie à:

Pièce jointe 470776

J'avoue ne pas m'en sortir, après de multiples lectures sur ce type d'erreur lié à IE sur le net, tous signale qu'après la version 9 il ne devrait pas y avoir de problème, ben chez moi si :pleure:.

Je vous remercie de vos lumières ;)

Bonjour,
Il faut appliquer les méthodes classiques : afficher les valeurs (même si on croit être sûr à l'avance du résultat) et aller dans les documentations. :)

Affichage de valeur :

Code:

---

console.log(btnsh); //NodeList

---

Donc déjà pas un Array.

Vérification dans la documentation : querySelectorAll
Effectivement, ça renvoie une NodeList.

Du coup, pourquoi le forEach fonctionne sur certains navigateurs ?
Y aurait-il une méthode forEach sur NodeList ?

Documentation : NodeList
On y voit effectivement une méthode forEach.

Documentation : Node​List​.prototype​.for​Each
On y voit : non supportée par Internet Explorer.

Dans la documentation de NodeList, on y voit une astuce bien connue qui est d'utiliser : Array.prototype.forEach.
Ce n'est pas très propre, mais bon, cela fonctionnera.
Sinon, il y a un "Polyfill" dans la documentation de forEach.

Comme quoi, il n'y avait qu'à se laisser guider par les affichages de valeurs et les documentations. ;)

Merci Loralina de ces informations.
J'ai ajouter le Polyfill dans la déclaration global et c'est :ccool:

Un polyfill est un bout de code (généralement en JavaScript sur le web) utilisé pour fournir des fonctionnalités récentes sur d'anciens navigateurs qui ne les supportent pas nativement.

Code:

---

1 2 3 4 5 6 7 8

if (window.NodeList && !NodeList.prototype.forEach) { NodeList.prototype.forEach = function (callback, thisArg) { thisArg = thisArg || window; for (var i = 0; i < this.length; i++) { callback.call(thisArg, this[i], i, this); } }; }

---

me reste plus qu'un petit problème de CSS (toujours sous IE et lui seul), mais çà, je saurai me débrouiller tout seul.

Merci encore :P.