HTML

<bitty-7-0 data-connect="RandomQuote">
  <div class="quotes">
    <div data-id="0" data-receive="pickQuote">
      <div>
        I think it's terribly dangerous for an 
        artist to fulfill other people's expectations.
      </div>
      <cite>David Bowie</cite>
    </div>
    <div data-id="1" data-receive="pickQuote" hidden>
      <div>
        Ever tried. Ever failed. No matter. 
        Try Again. Fail again. Fail better.
      </div>
      <cite>Samuel Becket</cite>
    </div>
    <div data-id="2" data-receive="pickQuote" hidden>
      <div>
        I write because I don't know what 
        I think until I read what I say.
      </div>
      <cite>Flannery O'Connor</cite>
    </div>
  </div>
  <button data-send="nextQuote">Get Quote</button>
</bitty-7-0>

JavaScript

window.RandomQuote = class {
  #quote = 0;

  nextQuote(_, __) {
    this.#quote += 1;
    if (this.#quote === 3) {
      this.#quote = 0;
    }
    this.api.trigger("pickQuote");
  }

  pickQuote(_, el) {
    if (el.propToInt("id") === this.#quote) {
      el.hidden = false;
    } else {
      el.hidden = true;
    }
  }
};