Simple Marko counter component.

index.marko

<div.count class=(state.count > 0 ? "positive" : "negative")>
  ${state.count}
</div>

<button on-click('increment', -1)>
  -1
</button>

<button on-click('increment', 1)>
  +1
</button>

class {
  onCreate() {
    this.state = { count: 0 };
  }
  increment(delta) {
    this.state.count += delta;
  }
}

style {
  .count.positive {
      background: rgb(86, 239, 165);
  }

  .count.negative {
      background: rgb(235, 182, 176);
  }
}