J'ai un bouton aller en haut qui apparaît lorsque l'utilisateur a fait défiler la page. Le bouton fonctionne comme prévu mais dans JLint, il donne un avertissement: Expected ':' and instead saw '='. Comment puis-je corriger le code:

var topBtn = document.createElement("button");
topBtn.innerHTML = "Top";

var topBtnWrapper = document.getElementById("topBtnWrap");
topBtnWrapper.appendChild(topBtn);

window.onscroll = function() {
  ((document.body.scrollTop > 500 || document.documentElement.scrollTop > 500) ? topBtn.style.display = "block" : topBtn.style.display = "none");
};
javascript jslint
0
JAT86 15 avril 2018 à 20:00

3 réponses

Meilleure réponse

Le problème réside ici:

((document.body.scrollTop > 500 || document.documentElement.scrollTop > 500) ? topBtn.style.display = "block" : topBtn.style.display = "none");

Cela semble être un opérateur ternaire, mais ternaire comme moyen de décider quelle valeur utiliser au lieu de quelle instruction exécuter.

Cela pourrait être mieux représenté comme un bloc if-else:

if (document.body.scrollTop > 500 || document.documentElement.scrollTop > 500) {
    topBtn.style.display = 'block';
} else {
    topBtn.style.display = 'none';
}

Si vous vouliez continuer à utiliser un opérateur ternaire, voici à quoi cela ressemblerait:

topBtn.style.display = document.body.scrollTop > 500 || document.documentElement.scrollTop > 500
    ? 'block'
    : 'none';
2
Chris Forrence 15 avril 2018 à 17:04

Je suppose que vous voulez dire ceci:

topBtn.style.display = document.body.scrollTop > 500 || document.documentElement.scrollTop > 500
    ? "block" 
    : "none";

L'opérateur ternaire n'est pas censé être une structure de contrôle de flux.

2
Álvaro González 15 avril 2018 à 17:03

Le format d'un opérateur ternaire est le suivant:

x = condition ? option1 : option2

Ne pas:

condition ? x = option1 : x = option2

Votre code devrait ressembler à:

topBtn.style.display = 
    (document.body.scrollTop > 500 || document.documentElement.scrollTop > 500) 
        ? "block" 
        : "none";
2
Quentin 15 avril 2018 à 17:06
49844547

Questions connexes

13 Quand êtes-vous censé utiliser escape au lieu de encodeURI / encodeURIComponent?
8 JSLint attendu '===' et à la place vu '=='
9 JSLint signale soudainement: utilisez la forme de fonction "use strict"
4 JSLint a attendu '%' et a plutôt vu '%'
9 JSLint dit "paramètre radix manquant"
29 fonction de carte pour les objets (au lieu des tableaux)
2 jslint Attendu ']' et à la place vu '/'

De nouvelles questions

2 Itération à travers l'objet de base de données Firebase et attribution de clés aux composants de réaction
2 Vous cherchez à exécuter une fonction après l'extraction dans ReachJS
2 Discrimination des prop typescript dans le composant fonctionnel de réaction
2 Rails - transmission de hachage de données de Ruby à JS via le fichier js.erb
2 Comment modifier les valeurs de clé d'un objet en LowerCase pour le tri
3 Soumettre par programme un ensemble de formulaires avec dangerouslySetInnerHTML
2 passer des valeurs de données de la fonction interne à la fonction interne avec js / jquery
3 javascript json trouve la valeur pour chaque chemin donné; gérer les erreurs
2 Déclencher une fonction dans un composant fonctionnel parent React à partir de son enfant
3 Comment changer le nom du mois anglais en arabe
Toutes les questions sur javascript >

javascript

Pour des questions concernant la programmation dans ECMAScript (JavaScript / JS) et ses divers dialectes / implémentations (hors ActionScript). Veuillez inclure toutes les balises pertinentes dans votre question; par exemple, [node.js], [jquery], [json], etc.

Plus à propos javascript...