Event

update

Dispatched after an update has been applied, whether triggered by update(), click:update, auto:update, or a changed attribute.

Syntax

  • doodle.addEventListener('update', handler)

After an update three events fire, asynchronously, in this order: render, afterUpdate, then update. beforeUpdate fires synchronously at the start. The first render dispatches only render.

Examples

const doodle = document.querySelector('css-doodle');

doodle.addEventListener('update', () => {
  console.log('updated, new seed:', doodle.seed);
});

See also