Une petite fonction javascript pour vous faire gagnez du temps ?

Edit :
Le temps passe et de nouvelle chose sont découverte ou partagé entre développeurs ! Je remercie Nouvelle-Techno pour m'avoir partagé ces idées à propos du code suivant :

 

Précédemment, je vous avais montré une fonction javascript pour aller plus vite dans notre code, maintenant, je mets le code à jour avec deux nouvelles fonctions ! 

 

function _(el) {
return document.querySelector(el);
}

Le querySelector permet de faire énormément de chose et très rapidement, pour s'en servir il suffit de faire :

_('#monId'); 

// Pour récupérer un élément par son id.

_('.maClasse');

// Pour récupérer un élément par sa classe.

_('[data-id="2"]');

// Pour récupérer un élément par son dataset, son name et bien d'autre !

 

Nous avons également la possibilité d'avoir plusieurs élements avec une même classe, voir même dataset, c'est qu'entre en scène :

function _a(el) {
return document.querySelectorAll(el);
}

Cette fonction fonctionne parfaitement comme la première pour ce qui est de l'appel, le reste.. c'est à vous de savoir quoi en faire ;) 

-------------------------------------------------------------------------

Il y a quelques jours, j'étais en train de faire des recherches sur un problème que j'ai rencontré et je suis tombé sur une fonction JavaScript qui m'aide énormément à chaque fois que je fais du JavaScript, cette fonction permet de raccourcir l'appel d'un élément.

La fonction en question :

function _(el) {
    return document.getElementById(el);
}

 

Un petit exemple :

let button = document.getElementById('button');

Cela devient donc :

let button = _('button');

Cela peut permettre également de réduire son code et d'éviter de remplir inutilement sont code de variables à ne plus en compter !

On peut faire différentes variantes de cette fonction pour les éléments par classe ou autre à vous de réduire votre temps de développement !


#Tutoriels #Développement