Counter with Max Limit - Polymer Typing CST Test

Counter with Max Limit — Polymer Code

Stops incrementing after reaching a maximum value.

import { PolymerElement, html } from '@polymer/polymer/polymer-element.js';
class MaxCounter extends PolymerElement {
	static get properties() { return { count: Number, max: { type: Number, value: 5 } }; }
	static get template() {
		return html`<div>
		<h2>Counter: [[count]]</h2>
		<button on-click="_increment">+</button>
		<button on-click="_decrement">-</button>
		<button on-click="_reset">Reset</button>
		</div>`;
	}
	_increment() { if(this.count < this.max) this.count++; }
	_decrement() { this.count--; }
	_reset() { this.count = 0; }
}
customElements.define('max-counter', MaxCounter);

Polymer Language Guide

Polymer.js is an open-source JavaScript library developed by Google for building reusable Web Components using modern browser APIs. It emphasizes encapsulation, custom elements, and leveraging native browser features with minimal framework overhead.

More Polymer Typing Exercises

Practice Other Languages