JSFiddle - React, Tailwind, and code Playground

by Nicolas PUJOL

JavaScript

var originCss = [{
    selector: "#veArrowRight",
    top: "1px",
    left: "10px"
}, {
    selector: "#veArrowLeft",
    top: "20px",
    left: "2px"
}];
var wysiwygCss = [{
    selector: "#veArrowRight",
    top: "1px",
    left: "10px"
}, {
    selector: "#veArrowLeft",
    top: "30px",
    left: "2px"
}];
var diffProp = [],
	properties;
for (var i = 0; i < wysiwygCss.length; i++) {
    if (wysiwygCss[i].selector === originCss[i].selector) {
    	properties = {};
        for (var prop in wysiwygCss[i]) {
            if (wysiwygCss[i][prop] !== originCss[i][prop]) {
                properties[prop] = wysiwygCss[i][prop];
            	console.log('in', prop, wysiwygCss[i][prop], properties)
            }
        }
        if (Object.keys(properties).length > 0) {
        	console.log('push', properties)
            properties.selector = wysiwygCss[i].selector;
            diffProp.push(properties);
        }
    }
}


console.log('DIFF', diffProp);