use event delegation on run button

Author: cherifGsoul

index.js

@@ -130,47 +130,49 @@ module.exports = function() {
         if (hasRunBtn) {
             var btn = document.createElement("button");
             btn.innerHTML = "Run";
-            btn.addEventListener('click', function() {
-
-                if (!demoWrapper && matches.call(env.element.parentNode, 'pre')) {
-                    var language = env.language;
-                    var text = env.code;
-                    var data = types[language](text);
-                    if (data.js) {
-                        data.js = data.js.trim();
-                    }
-                    if (data.html) {
-                        data.html = data.html.trim();
+            document.body.addEventListener('click', function (ev) {
+                ev.stopPropagation();
+                if (ev.target === btn) {
+                    if (!demoWrapper && matches.call(env.element.parentNode, 'pre')) {
+                        var language = env.language;
+                        var text = env.code;
+                        var data = types[language](text);
+                        if (data.js) {
+                            data.js = data.js.trim();
+                        }
+                        if (data.html) {
+                            data.html = data.html.trim();
+                        }
+                        if (data) {
+                            cleanCodePenData(data);
+                            if (window.CREATE_CODE_PEN) {
+                                CREATE_CODE_PEN(data);
+                            } else {
+                                createCodePen(data);
+                            }
+                        } else {
+                            console.warn('Unable to create a codepen for this demo');
+                        }
                     }
-                    if (data) {
-                        cleanCodePenData(data);
+                    if (demoWrapper && matches.call(demoWrapper, '.demo_wrapper')) {
+                        var htmlCode = demoWrapper.querySelector('[data-for=html] code');
+                        var htmlText = htmlCode ? htmlCode.textContent.trim() : '';
+                        var jsCode = demoWrapper.querySelector('[data-for=js] code');
+                        var jsText = jsCode ? jsCode.textContent.trim() : '';
+                        var cssText = getStylesFromIframe(demoWrapper.querySelector('iframe'));
+                        var codePen = {
+                            html: htmlText,
+                            js: jsText,
+                            js_module: true,
+                            editors: '1011',
+                            css: cssText.trim()
+                        };
+                        cleanCodePenData(codePen);
                         if (window.CREATE_CODE_PEN) {
-                            CREATE_CODE_PEN(data);
+                            CREATE_CODE_PEN(codePen);
                         } else {
-                            createCodePen(data);
+                            createCodePen(codePen);
                         }
-                    } else {
-                        console.warn('Unable to create a codepen for this demo');
-                    }
-                }
-                if (demoWrapper && matches.call(demoWrapper, '.demo_wrapper')) {
-                    var htmlCode = demoWrapper.querySelector('[data-for=html] code');
-                    var htmlText = htmlCode ? htmlCode.textContent.trim() : '';
-                    var jsCode = demoWrapper.querySelector('[data-for=js] code');
-                    var jsText = jsCode ? jsCode.textContent.trim() : '';
-                    var cssText = getStylesFromIframe(demoWrapper.querySelector('iframe'));
-                    var codePen = {
-                        html: htmlText,
-                        js: jsText,
-                        js_module: true,
-                        editors: '1011',
-                        css: cssText.trim()
-                    };
-                    cleanCodePenData(codePen);
-                    if (window.CREATE_CODE_PEN) {
-                        CREATE_CODE_PEN(codePen);
-                    } else {
-                        createCodePen(codePen);
                     }
                 }
             });