1) Items added dynamically using JavaScript with object input
Bullet style is set manually to disclosure-closed using a style attribute to set the --list-style CSS variable.
Data is added dynamically by script once the page has fully loaded.
After 4 seconds, the second entry is amended and a new entry is added.
After 6 seconds, the list type is changed to ol and after 8 seconds, the list style is changed to upper-roman.