JSFiddle - React, Tailwind, and code Playground

by Oski Krawczyk

HTML

<div>
    <input type="text" value="" />
    <input type="checkbox" />
    <input type="radio" />
</div>

<a id="clone" href="#">Clone</a>

JavaScript

var line = document.getElement('div');
var fields = 'input[type=text], input[type=checkbox]';

document.id('clone').addEvents({
    click: function(event) {
        event.stop();

        line.getElements(fields).each(function(field) {

            switch (field.get('tag')) {
            case 'input':
                console.log(field.get('type'));
                if (field.get('type') === 'text') {
                    field.set('data-value', field.get('value'));
                } else if (field.get('type') === 'checkbox') {
                    field.set('data-checked', field.checked);
                } else if (field.get('type') === 'radio') {
                    field.set('data-checked', field.checked);
                } else {}

                break;
            case 'select':
                // execute code block 2
                break;
            case 'textarea':
                // execute code block 2
                break;
            default:
                //
            }
        });

        //var input = line.getElement('input[type=text]');
        //input.set('data-value', input.get('value'));
        var clone = line.clone();
        console.log(line.get('html'));
    }
});