snippets

receive multiple signals

• A single data-r element can receive signals from multiple data-s senders with a space separated list of the signal names to respond to.

html

<div data-r="alfa bravo charlie">waiting</div>
<button data-s="alfa">alfa</button>
<button data-s="bravo">bravo</button>
<button data-s="charlie">charlie</button>

javascript

export const b = {};

export function alfa(_, __, el) {
  el.innerHTML = "alfa";
}

export function bravo(_, __, el) {
  el.innerHTML = "bravo";
}

export function charlie(_, __, el) {
  el.innerHTML = "charlie";
}