Wix Blocks Eğitimi: Sayaç Widget'ı Oluşturma

1//Sayacı 0'a ayarlayın 
2let count = 0; 
3//Metin ögenize sayım işlemi atayın 
4function render() { 
5  $w('#countTxt').text = count.toString(); } 
6
7//Sayaç değerine belirli bir miktar ekleyin ve widget API'sinde bir etkinliği tetikleyin function addToCount(amount) { count += amount; render(); }

1 $w('#incBtn').onClick(() => {
2   addToCount(1); 
3 }); 
4
5$w('#decBtn').onClick(() => { 
6  addToCount(-1); }); 
7
8render();

1$w.onReady(function () {
2  $w('#incBtn').onClick(() => { 
3    addToCount($widget.props.step); 
4  }); $w('#decBtn').onClick(() => { 
5    addToCount(-$widget.props.step); 
6  }); 
7  
8  render(); });

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

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

1export function reset(){ 
2  //Bu işlev genel API'min bir parçasıdır
3  count = 0; 
4  render(); 
5}

1/** 
2*@function 
3*@description Sayıyı 0'a ayarlar ve render eder. 
4*@returns nothing 
5*/

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