Exercice JavaScript : Champs de type Code (Extrait de la vidéo premium)

Ғылым және технология

Article ► grafikart.fr/tutoriels/tp-cod...
Abonnez-vous ► bit.ly/GrafikartSubscribe
L'objectif de ce cas pratique est de créer un champs qui permet à l'utilisateur de rentrer un code composé de plusieurs numéro. Ce type de champs est souvent utilisé dans le cas de système d'authentification à 2 facteurs.
Soutenez Grafikart:
Devenez premium ► grafikart.fr/premium
Retrouvez Grafikart sur:
Le site ► grafikart.fr
Twitter ► / grafikart_fr
Discord ► grafikart.fr/tchat

Пікірлер: 18

  • @siditraore2418
    @siditraore2418Ай бұрын

    Merci grafikart depuis la côte d'ivoire 🇨🇮

  • @Web-master-l6d
    @Web-master-l6dАй бұрын

    merci infiniment grafikart c'est depuis Republique democratique du congo RDC MBOK'ELENGI

  • @vipe2383
    @vipe2383Ай бұрын

    c'est vraiment incroyable ce que tu fais pour nous. je suis juste un peu triste de pas pouvoir apprendre Vue.js 3 avec toi vu que j'adore ta manière d'apprendre, très claire et tes chapitres bien structurés avec des exercices en plus. Mais bon, tu fais déjà assez pour la commu dev web comme ça. Merci pour ton travail 🙏

  • @alexlionel5130
    @alexlionel5130Ай бұрын

    Intéressant !! 🙂

  • @TheNarstonerz
    @TheNarstonerzАй бұрын

    Voilà un petit challenge qui va occuper mon dimanche matin

  • @Aecy
    @AecyАй бұрын

    Trop cool !

  • @Noctisy1506
    @Noctisy1506Ай бұрын

    Grave bonne idée !

  • @moussabiao
    @moussabiaoАй бұрын

    Merci

  • @n.nonyme
    @n.nonymeАй бұрын

    Merci 🌷

  • @nikheniama8308
    @nikheniama8308Ай бұрын

    C'est cool! Mieux vaut écrire le code soi même qur tout le temps utiliser les library tiers..

  • @lecokase
    @lecokaseАй бұрын

    Ah ouais chaud

  • @lmz-dev

    @lmz-dev

    Ай бұрын

    Mais non, il faut démarrer avec juste 6 champs en dur sans attribut "name" dans un ‹form› en méthode GET + un champ hidden avec un name=code. Déjà ça envoie le formulaire correctement avec le paramètre d'url code=xxxxxx. Une fois que tout fonctionne on convertit ça en Custom Element comme demandé, et après on fait la déco en css. Le éléments de formulaires sont super simples à manipuler avec oninput, onfocus, onblur, etc. Sur MDN il y a la doc avec des exemples pour interagir avec le presse-papier. Dans une chaine comme ça "er6689zer44erg" on capture facilement 6,6,8,9,4,4 sous forme de tableau et youpiiii ! Courage, ça va le faire ;p

  • @vrashq
    @vrashqАй бұрын

    Merci Grafikart. Par contre, sur votre site, c'est aussi la vidéo de 3'20 qui est en ligne sur ce TP

  • @grafikart

    @grafikart

    Ай бұрын

    C'est corrigé

  • @ReliTest
    @ReliTestАй бұрын

    Salut J’ai repéré un petit bug dans la vidéo Quand tu colles sur un input qui n’est pas le premier, ça ne colle pas ton entrée à partir du début ex : si tu colles à partir de l’input 2 tu vas afficher ta copie à partir du caractère 2

  • @0darkace1

    @0darkace1

    Ай бұрын

    Bah justement il le dit dans la vidéo, ca sert par ex si ta ecris une partie, tu colle le reste

  • @fredchess
    @fredchessАй бұрын

    J'avais compris le "code" autrement 😅

  • @fidelcastro2605
    @fidelcastro2605Ай бұрын

    Trop fasile

Келесі