reusable_counter_widget.cpd

mode=javascript/javascript:text/javascript**
speed=1.5**
data=[{"change":{"origin":"+input","duration":5505,"text":["function CounterWidget(parentNode) {}"],"from":{"line":0,"ch":0},"to":{"line":0,"ch":36}},"time":1578914274375},{"change":{"origin":"+input","duration":0,"text":["\n"],"from":{"line":0,"ch":36},"to":{"line":0,"ch":36}},"time":1578914280349},{"change":{"origin":"+input","duration":0,"text":["\n"],"from":{"line":1,"ch":0},"to":{"line":1,"ch":0}},"time":1578914280477},{"change":{"origin":"+input","duration":6886,"text":["\tconst btn = document.createElement('button');\n"],"from":{"line":1,"ch":0},"to":{"line":1,"ch":46}},"time":1578914280899},{"change":{"origin":"+input","duration":0,"text":["    "],"from":{"line":2,"ch":0},"to":{"line":2,"ch":0}},"time":1578914287785},{"change":{"origin":"+input","duration":6870,"text":["const span = document.createElement('span');\n"],"from":{"line":2,"ch":4},"to":{"line":2,"ch":48}},"time":1578914288054},{"change":{"origin":"+input","duration":0,"text":["    "],"from":{"line":3,"ch":0},"to":{"line":3,"ch":0}},"time":1578914294924},{"change":{"origin":"+input","duration":4488,"text":["btn.innerText = 'Click Me';\n"],"from":{"line":3,"ch":4},"to":{"line":3,"ch":31}},"time":1578914295206},{"change":{"origin":"+input","duration":0,"text":["    "],"from":{"line":4,"ch":0},"to":{"line":4,"ch":0}},"time":1578914299694},{"change":{"origin":"+input","duration":3958,"text":["span.update = function() {}"],"from":{"line":4,"ch":4},"to":{"line":4,"ch":30}},"time":1578914300373},{"change":{"origin":"+input","duration":0,"text":["c"],"from":{"line":4,"ch":27},"to":{"line":4,"ch":27}},"time":1578914305445},{"change":{"origin":"+input","duration":0,"text":["\n"],"from":{"line":4,"ch":31},"to":{"line":4,"ch":31}},"time":1578914306251},{"change":{"origin":"+input","duration":0,"text":["    "],"from":{"line":5,"ch":0},"to":{"line":5,"ch":0}},"time":1578914306251},{"change":{"origin":"+input","duration":0,"text":["\n"],"from":{"line":5,"ch":4},"to":{"line":5,"ch":4}},"time":1578914306928},{"change":{"origin":"+input","duration":0,"text":["    "],"from":{"line":6,"ch":0},"to":{"line":6,"ch":0}},"time":1578914306928},{"change":{"origin":"+input","duration":0,"text":[";"],"from":{"line":6,"ch":5},"to":{"line":6,"ch":5}},"time":1578914307475},{"change":{"origin":"+input","duration":4213,"text":["\tthis.innerText = c;"],"from":{"line":5,"ch":4},"to":{"line":5,"ch":23}},"time":1578914307962},{"change":{"from":{"line":6,"ch":6,"sticky":"before","xRel":201.6875},"text":["",""],"removed":[""],"origin":"+input"},"time":1578914312931},{"change":{"origin":"+input","duration":0,"text":["    "],"from":{"line":7,"ch":0},"to":{"line":7,"ch":0}},"time":1578914312931},{"change":{"origin":"+input","duration":4192,"text":["parentNode.appendChild(btn);\n"],"from":{"line":7,"ch":4},"to":{"line":7,"ch":32}},"time":1578914314481},{"change":{"origin":"+input","duration":0,"text":["    "],"from":{"line":8,"ch":0},"to":{"line":8,"ch":0}},"time":1578914318673},{"change":{"origin":"+input","duration":6732,"text":["parentNode.appendChild(span);\n"],"from":{"line":8,"ch":4},"to":{"line":8,"ch":33}},"time":1578914319875},{"change":{"origin":"+input","duration":0,"text":["    "],"from":{"line":9,"ch":0},"to":{"line":9,"ch":0}},"time":1578914326607},{"change":{"origin":"+input","duration":5054,"text":["btn.onclick = function() {}"],"from":{"line":9,"ch":4},"to":{"line":9,"ch":30}},"time":1578914326983},{"change":{"origin":"+input","duration":0,"text":["\n"],"from":{"line":9,"ch":30},"to":{"line":9,"ch":30}},"time":1578914332722},{"change":{"origin":"+input","duration":0,"text":["    "],"from":{"line":10,"ch":0},"to":{"line":10,"ch":0}},"time":1578914332722},{"change":{"origin":"+input","duration":0,"text":["\n"],"from":{"line":10,"ch":4},"to":{"line":10,"ch":4}},"time":1578914332825},{"change":{"origin":"+input","duration":0,"text":["    "],"from":{"line":11,"ch":0},"to":{"line":11,"ch":0}},"time":1578914332825},{"change":{"origin":"+input","duration":0,"text":[";"],"from":{"line":11,"ch":5},"to":{"line":11,"ch":5}},"time":1578914334278},{"change":{"from":{"line":6,"ch":6,"sticky":"before","xRel":0},"text":["",""],"removed":[""],"origin":"+input"},"time":1578914335801},{"change":{"origin":"+input","duration":0,"text":["    "],"from":{"line":7,"ch":0},"to":{"line":7,"ch":0}},"time":1578914335801},{"change":{"origin":"+input","duration":2327,"text":["let counter = 0;"],"from":{"line":7,"ch":4},"to":{"line":7,"ch":19}},"time":1578914336083},{"change":{"origin":"+input","duration":3917,"text":["\tspan.update(++counter);"],"from":{"line":11,"ch":4},"to":{"line":11,"ch":27}},"time":1578914339653},{"change":{"from":{"line":13,"ch":1,"sticky":"before","xRel":288.0625},"text":["",""],"removed":[""],"origin":"+input"},"time":1578914347087},{"change":{"from":{"line":14,"ch":0,"sticky":null},"to":{"line":14,"ch":0,"sticky":null},"text":["",""],"removed":[""],"origin":"+input"},"time":1578914347226},{"change":{"origin":"+input","duration":9416,"text":["const main = document.querySelector('main');\n"],"from":{"line":15,"ch":0},"to":{"line":15,"ch":44}},"time":1578914347666},{"change":{"origin":"+input","duration":6729,"text":["const c1 = new CounterWidget(main);\n"],"from":{"line":16,"ch":0},"to":{"line":16,"ch":35}},"time":1578914358613},{"change":{"origin":"+input","duration":7511,"text":["const c2 = new CounterWidget(main);"],"from":{"line":17,"ch":0},"to":{"line":17,"ch":34}},"time":1578914365569}]