Genius JS V2 (Front Version)

Genius reviens avec une nouvelle version légère et plug'n'play 🕹️ patch

V 1.2.3 auto suggestion patch

Installation

Copiez et coller le script ci-dessous dans votre html

<script src="https://cdn.jsdelivr.net/npm/[email protected]/geniusV2.min.js"></script>

Dans votre script :

Créez une variable comme ceci (V2 en majuscule) :

la variable "geniusV2" est déjà prête à être utilisé

Si vous voulez changer le nom => const VOTREVARIABLE = geniusV2

Voilà c'est prêt 😎 🚀

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

Fonctions du Genius V2

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

geniusV2.log( ) , geniusV2.warn( ), geniusV2.err( ), geniusV2.inf() 🤖

geniusV2.log("Genius");

geniusV2.warn("Attention Genius");

geniusV2.err("Erreur Genius");

geniusV2.inf("Info Genius");

SCREEN Theme navigateur clair :

SCREEN Theme navigateur foncé :

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

geniusV2.heure() 🕜

geniusV2.log(genius.heure());

// return l'heure format europe par défaut

geniusV2.log(genius.heure("us"));

// return l'heure format anglophone

geniusV2.log(genius.heure("fr", "complet"));

// return l'heure format europe avec les secondes

geniusV2.log(genius.heure("us", "complet"));

// return l'heure format anglophone avec les secondes

exemple screen :

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

geniusV2.date() 📅

geniusV2.log(geniusV2.date());

// return la date format europe par défaut

geniusV2.log(geniusV2.date("us"));

// return la date format anglophone

geniusV2.log(geniusV2.date("fr", "complet"));

// return la date format europe avec le nom des mois

geniusV2.log(geniusV2.date("us", "complet"));

// return la date format anglophone avec le nom des mois

exemple screen :

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

geniusV2.nb() ou geniusV2.nb(min,max) 🎲

geniusV2.nb();

// nb aléatoire de 0 à 100 par défaut

geniusV2.nb(6, 1);

// nb aléatoire de 1 à 6 (le sens min max n'a pas d'importance, le MIN et le MAX sont inclus)

geniusV2.nb(10, 20);

// nb aléatoire de 10 à 20

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

geniusV2.timeur(sec ou min ,nb, function ) ⏱️

geniusV2.timeur("min", 1, () => console.log("ok"));

// log après 1 minute => ok

geniusV2.timeur("sec", 2, () => {
  console.log("ok");
});

// log après 2 secondes => ok

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

geniusV2.intervalle(sec ou min ,nb, function ) ⏱️

const interval = geniusV2.intervalle("min", 1, () => console.log("ok"));

// log toutes les 1 minute => ok

const interval = geniusV2.intervalle("sec", 2, () => {
  console.log("ok");
});

// log toute les 2 secondes => ok

clearInterval(interval);

// stop l'intervalle

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

geniusV2.csscolor() (couleur css aléatoire) 🎨

geniusV2.log(geniusV2.csscolor());

// log rgb(43,43,145) (exemple)

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

geniusV2.moyenne(TAB) 🔢

geniusV2.log(geniusV2.moyenne([7, "15", "8", 15, 11, 17]));

// log 12, accepte le type number et string (si c'est un nombre), arrondi le resultat

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

geniusV2.compareTAB(array1,array2,option) 🔢

let tab = ["hello", "hi"];
let tab2 = ["hello", "hi"];

geniusV2.compareTAB(tab, tab2, "log");
// log => vrai les tableaux sont indentiques (log param optionnel)

geniusV2.log(geniusV2.compareTAB(tab, tab2));

// return true / log => true

geniusV2.compareTAB(tab, tab2);

// return true

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

geniusV2.pourcent(indice,valeurmax,option) 🔢

geniusV2.pourcent(50, 200);

// return 25

geniusV2.pourcent(200, 50);

// return 400  ( 200 représente 400% de 50)

geniusV2.pourcent(50, 200, "string");

// return "25%" type string

geniusV2.pourcent(50, 200, "log"); // return 25 et log => 50 représente 25% de 200

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

geniusV2.ristourne(pourcentage,valeurmax,option) 🔢

geniusV2.ristourne(25, 200);

// return 50

geniusV2.ristourne(25, 200, "log");

// return 50 et log => 25% de 200 = 50

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

geniusV2.solde(pourcentage,valeurmax,option) 🔢

geniusV2.solde(25, 200);

// return 150
geniusV2.solde(10, 500);

// return 450
geniusV2.solde(25, 200, "log");

// log => 200 - 25% (50) = 150

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

geniusV2.salaireSMIC(heures,option) 💰

geniusV2.salaireSMIC("32");

// return 1320

geniusV2.salaireSMIC("32", "log");

// return 1320 et log => Pour 32 h/sem, salaire net ≈ 1320 €

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

geniusV2.event(selector,event,functioncallback,once) 🤖

function callback(e) {
  console.log("clic", e);
}
// fonction callback avec recuperation de l'event e

const clickEvent = geniusV2.event("#p", "click", callback);

// log => "clic" + event quand on click sur l'id p

const clickEvent = geniusV2.event("#p", "click", (e) => {console.log'clic'});

// log => "clic" quand on click sur l'id p

clickEvent.detroy();

// supprimer le geniusV2.event() (à condition de l'avoir mis dans une variable)

geniusV2.event("#p", "click", onClick, "once");

// event qui s'execute une seule fois et s'auto détruit si once est précisé

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

geniusV2.get(url,functioncallback) 📡

geniusV2.post(url,data,functioncallback) 📡

genius.delete(url,functioncallback) 📡

geniusV2.get("/api/users", (res) => {
  console.log(res);
});

// envoi la requete et log la response une fois reçu

geniusV2.post("/api/users", { name: "Alex" }, (res) => {
  console.log(res);
});

// envoi le body et log la response une fois reçu

geniusV2.delete("/api/users/3", (res) => {
  console.log(res);
});

// envoi la requete et log la response une fois reçu

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

BONUS à venir

Genius CSS (Mini librairie CSS)