Wix Blocks Tutorial: Ein Zähler-Widget erstellen

1// Den Zähler auf 0 setzen Let count = 0; // Den Zähler deinem Textelement zuweisen function render() { $w('#countTxt').text = count.toString(); } //Füge einen bestimmten Betrag hinzu und löse ein Ereignis im Widget aus. API-Funktion addToCount(amount) { count += amount; render(); }

1 $w('#incBtn').onClick(() => { addToCount(1); }); $w('#decBtn').onClick(() => { addToCount(-1); }); render();

1$w.onReady(function () { $w('#incBtn').onClick(() => { addToCount($widget.props.step); }); $w('#decBtn').onClick(() => { addToCount(-$widget.props.step); }); render(); });

1$widget.fireEvent('change', count);

1function addToCount(amount) { count += amount; render(); $widget.fireEvent('change', count); }

1export function reset(){ //This function is part of my public API count = 0; render(); }

1/** *@function *@description setzt den Zähler auf 0 und rendert. *@returns nothing */

1export function counter1_change({data: count}) { // Diese Funktion wurde über den Eigenschaften- und Ereignisbereich hinzugefügt. Um mehr zu erfahren, sieh dir http://wix.to/UcBnC-4 an // Füge den Code für dieses Ereignis hier ein: if (count > 30) { $w('#counter1').reset();} }