Swap & Morph Example

Purpose: Demonstrates put, morph and remove for updating DOM content.
put morph DOM updates

Original Content

This content will be swapped/morphed.

Morph vs innerHTML Comparison

Morph (preserves state)

innerHTML (destroys state)

Insert at a Position

Click buttons to add cards to the strategies list:

Delete Elements

Card 1
Card 2
Card 3

Insert and Remove in a List

Item 1
Item 2
Item 3

Debug Log

Waiting for actions...