Demo DOM 010

This is the <div> element which will host the stack created by Button 1.

Button 2 removes the Button 1 stack, wherever it is placed on the page.

Clicking Button 3 will convert this <div> element into a stack of its own, making all the child elements (these 4 <p> tags) scrawl elements.

After clicking Button 4, creating a stack with button 1 will force that stack to be added to the end of the web page. You will no longer be able to turn this <div> element into a stack because it will no longer exist.

Test purpose

Turn a DOM element into a Scrawl-canvas stack programmatically
Create a Scrawl-canvas stack and add it to the DOM
Create a Scrawl-canvas stack inside another stack
Dynamically remove and delete a Scrawl-canvas stack from the DOM

Scrawl-canvas v8 - DOM test 010

Add and remove (demolish) Scrawl-canvas stack elements programmatically

Test purpose