# Quick Tip: Show Animated Text Like “Prosperity” and “Democracy” When Clicking a Page

# Quick Tip: Show Animated Text Like “Prosperity” and “Democracy” When Clicking a Page by zhangxinxu from http://www.zhangxinxu.com/wordpress/?p=7624 This article may be reproduced in full, provided that the original author and source are credited. ## 1. Preview the Text Animati...

Code: Dispatching a CustomEvent

const event = new CustomEvent('show', {
  detail: { message: payload, sentAt: new Date().toLocaleTimeString() }
});

window.dispatchEvent(event);

Code: Listening for the Event Payload

window.addEventListener('show', (event) => {
  render(event.detail.message, event.detail.sentAt);
});