JSFiddle - React, Tailwind, and code Playground

by seong gyun jeon

JavaScript

$(window).load(function (e) {

    captcha = $('#mycoolform').motionCaptcha({
        // Basics:
        action: '#mc-action',        // the ID of the input containing the form action
        divId: '#mc',                // if you use an ID other than '#mc' for the placeholder, pass it in here
        cssClass: '.mc-active',      // this CSS class is applied to the 'mc' div when the plugin is active
        canvasId: '#mc-canvas',      // the ID of the MotionCAPTCHA canvas element

        // An array of shape names that you want MotionCAPTCHA to use:
        shapes: ['triangle', 'x', 'rectangle', 'circle', 'check', 'caret', 'zigzag', 'arrow', 'leftbracket', 'rightbracket', 'v', 'delete', 'star', 'pigtail', 'pigtail1'],
        // These messages are displayed inside the canvas after a user finishes drawing:
        errorMsg: '\uB2E4\uC2DC\uC2DC\uB3C4\uD558\uC138\uC694.',
        successMsg: '\uBAA8\uC158\uCEA1\uCC60\uC131\uACF5!'
    });
});