Wix Blocks 튜토리얼: 카운터 위젯 생성하기

1//Set the count to 0 let count = 0; //Assign the count to your text element function render() { $w('#countTxt').text  = count.toString();  } //Add a certain amount to the count and fire an event in the widget API function 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 Sets count to 0 and renders.  *@returns nothing */

1export function counter1_change({data: count}) { // This function was added from the Properties & Events panel.  To learn more, visit http://wix.to/UcBnC-4  // Add your code for this event here: if (count > 30) { $w('#counter1').reset();}  }