I want to create a page like this.someone can help me?

Ask the community
,
1
2

I made using this code
someone know a way to do this more simple?

$w.onReady( function () {
$w(‘#text8’).hide();
$w(‘#text9’).hide();
$w(‘#text10’).hide();
$w(‘#text11’).hide();
$w(‘#text12’).hide();
$w(‘#text13’).hide();
$w(‘#text14’).hide();
$w(‘#text15’).hide();
$w(‘#text16’).hide();
$w(‘#text17’).hide();
$w(‘#text18’).hide();
$w(‘#text19’).hide();
$w(‘#text20’).hide();
$w(‘#text21’).hide();
$w(‘#text22’).hide();
$w(‘#text23’).hide();
$w(‘#group2’).hide();
$w(‘#group3’).hide();
$w(‘#group4’).hide();
$w(‘#group5’).hide();
$w(‘#group6’).hide();
$w(‘#group7’).hide();
$w(‘#group8’).hide();
$w(‘#group9’).hide();
$w(‘#group10’).hide();
$w(‘#group11’).hide();
$w(‘#group12’).hide();
$w(‘#group13’).hide();
$w(‘#group14’).hide();
$w(‘#group15’).hide();
$w(‘#group16’).hide();

});

//first button code

$w.onReady( function () {
$w(‘#button2’).onClick(() => {
$w(‘#text8’).show();
$w(‘#text6’).text = (‘Please pick 15 number…’).toString();
$w(‘#text8’).text = (‘105,’).toString();
$w(‘#group1’).hide(“fade”);
$w(“#group2”).show(“FadeIn”);

});

});

$w.onReady( function () {
$w(‘#button3’).onClick(() => {
$w(‘#text8’).show();
$w(‘#text6’).text = (‘Please pick 15 number…’).toString();
$w(‘#text8’).text = (‘7,’).toString();
$w(‘#group1’).hide(“fade”);
$w(“#group2”).show(“FadeIn”);
});
});

$w.onReady( function () {
$w(‘#button4’).onClick(() => {
$w(‘#text8’).show();
$w(‘#text6’).text = (‘Please pick 15 number…’).toString();
$w(‘#text8’).text = (‘67,’).toString();
$w(‘#group1’).hide(“fade”);
$w(“#group2”).show(“FadeIn”);

});

});

$w.onReady( function () {
$w(‘#button5’).onClick(() => {
$w(‘#text8’).show();
$w(‘#text6’).text = (‘Please pick 15 number…’).toString();
$w(‘#text8’).text = (‘22,’).toString();
$w(‘#group1’).hide(“fade”);
$w(“#group2”).show(“FadeIn”);

});

});

//2 button
$w.onReady( function () {
$w(‘#button7’).onClick(() => {
$w(‘#text9’).show();
$w(‘#text6’).text = (‘Please pick 14 number…’).toString();
$w(‘#text9’).text = (‘23,’).toString();
$w(‘#group2’).hide(“fade”);
$w(“#group3”).show(“FadeIn”);

});

});

$w.onReady( function () {
$w(‘#button25’).onClick(() => {
$w(‘#text9’).show();
$w(‘#text6’).text = (‘Please pick 14 number…’).toString();
$w(‘#text9’).text = (‘34,’).toString();
$w(‘#group2’).hide(“fade”);
$w(“#group3”).show(“FadeIn”);
});
});

$w.onReady( function () {
$w(‘#button44’).onClick(() => {
$w(‘#text9’).show();
$w(‘#text6’).text = (‘Please pick 14 number…’).toString();
$w(‘#text9’).text = (‘134,’).toString();
$w(‘#group2’).hide(“fade”);
$w(“#group3”).show(“FadeIn”);

});

});

$w.onReady( function () {
$w(‘#button54’).onClick(() => {
$w(‘#text9’).show();
$w(‘#text6’).text = (‘Please pick 14 number…’).toString();
$w(‘#text9’).text = (‘35,’).toString();
$w(‘#group2’).hide(“fade”);
$w(“#group3”).show(“FadeIn”);

});

});

//3 button
$w.onReady( function () {
$w(‘#button8’).onClick(() => {
$w(‘#text10’).show();
$w(‘#text6’).text = (‘Please pick 13 number…’).toString();
$w(‘#text10’).text = (‘111,’).toString();
$w(‘#group3’).hide(“fade”);
$w(“#group4”).show(“FadeIn”);

});

});

$w.onReady( function () {
$w(‘#button26’).onClick(() => {
$w(‘#text10’).show();
$w(‘#text6’).text = (‘Please pick 13 number…’).toString();
$w(‘#text10’).text = (‘190,’).toString();
$w(‘#group3’).hide(“fade”);
$w(“#group4”).show(“FadeIn”);
});
});

$w.onReady( function () {
$w(‘#button45’).onClick(() => {
$w(‘#text10’).show();
$w(‘#text6’).text = (‘Please pick 13 number…’).toString();
$w(‘#text10’).text = (‘15,’).toString();
$w(‘#group3’).hide(“fade”);
$w(“#group4”).show(“FadeIn”);

});

});

$w.onReady( function () {
$w(‘#button65’).onClick(() => {
$w(‘#text10’).show();
$w(‘#text6’).text = (‘Please pick 13 number…’).toString();
$w(‘#text10’).text = (‘47,’).toString();
$w(‘#group3’).hide(“fade”);
$w(“#group4”).show(“FadeIn”);

});

});

//4 button
$w.onReady( function () {
$w(‘#button9’).onClick(() => {
$w(‘#text11’).show();
$w(‘#text6’).text = (‘Please pick 12 number…’).toString();
$w(‘#text11’).text = (‘33,’).toString();
$w(‘#group4’).hide(“fade”);
$w(“#group5”).show(“FadeIn”);

});

});

$w.onReady( function () {
$w(‘#button28’).onClick(() => {
$w(‘#text11’).show();
$w(‘#text6’).text = (‘Please pick 12 number…’).toString();
$w(‘#text11’).text = (‘2,’).toString();
$w(‘#group4’).hide(“fade”);
$w(“#group5”).show(“FadeIn”);
});
});

$w.onReady( function () {
$w(‘#button46’).onClick(() => {
$w(‘#text11’).show();
$w(‘#text6’).text = (‘Please pick 12 number…’).toString();
$w(‘#text11’).text = (‘56,’).toString();
$w(‘#group4’).hide(“fade”);
$w(“#group5”).show(“FadeIn”);

});

});

$w.onReady( function () {
$w(‘#button66’).onClick(() => {
$w(‘#text11’).show();
$w(‘#text6’).text = (‘Please pick 12 number…’).toString();
$w(‘#text11’).text = (‘90,’).toString();
$w(‘#group4’).hide(“fade”);
$w(“#group5”).show(“FadeIn”);

});

});

//5 button
$w.onReady( function () {
$w(‘#button10’).onClick(() => {
$w(‘#text12’).show();
$w(‘#text6’).text = (‘Please pick 11 number…’).toString();
$w(‘#text12’).text = (‘45,’).toString();
$w(‘#group5’).hide(“fade”);
$w(“#group6”).show(“FadeIn”);

});

});

$w.onReady( function () {
$w(‘#button29’).onClick(() => {
$w(‘#text12’).show();
$w(‘#text6’).text = (‘Please pick 11 number…’).toString();
$w(‘#text12’).text = (‘65,’).toString();
$w(‘#group5’).hide(“fade”);
$w(“#group6”).show(“FadeIn”);
});
});

$w.onReady( function () {
$w(‘#button48’).onClick(() => {
$w(‘#text12’).show();
$w(‘#text6’).text = (‘Please pick 11 number…’).toString();
$w(‘#text12’).text = (‘46,’).toString();
$w(‘#group5’).hide(“fade”);
$w(“#group6”).show(“FadeIn”);

});

});

$w.onReady( function () {
$w(‘#button67’).onClick(() => {
$w(‘#text12’).show();
$w(‘#text6’).text = (‘Please pick 11 number…’).toString();
$w(‘#text12’).text = (‘122,’).toString();
$w(‘#group5’).hide(“fade”);
$w(“#group6”).show(“FadeIn”);

});

});

//6 button
$w.onReady( function () {
$w(‘#button12’).onClick(() => {
$w(‘#text13’).show();
$w(‘#text6’).text = (‘Please pick 10 number…’).toString();
$w(‘#text13’).text = (‘54,’).toString();
$w(‘#group6’).hide(“fade”);
$w(“#group7”).show(“FadeIn”);

});

});

$w.onReady( function () {
$w(‘#button31’).onClick(() => {
$w(‘#text13’).show();
$w(‘#text6’).text = (‘Please pick 10 number…’).toString();
$w(‘#text13’).text = (‘66,’).toString();
$w(‘#group6’).hide(“fade”);
$w(“#group7”).show(“FadeIn”);
});
});

$w.onReady( function () {
$w(‘#button49’).onClick(() => {
$w(‘#text13’).show();
$w(‘#text6’).text = (‘Please pick 10 number…’).toString();
$w(‘#text13’).text = (‘3,’).toString();
$w(‘#group6’).hide(“fade”);
$w(“#group7”).show(“FadeIn”);

});

});

$w.onReady( function () {
$w(‘#button68’).onClick(() => {
$w(‘#text13’).show();
$w(‘#text6’).text = (‘Please pick 10 number…’).toString();
$w(‘#text13’).text = (‘19,’).toString();
$w(‘#group6’).hide(“fade”);
$w(“#group7”).show(“FadeIn”);

});

});

//7 button
$w.onReady( function () {
$w(‘#button13’).onClick(() => {
$w(‘#text14’).show();
$w(‘#text6’).text = (‘Please pick 9 number…’).toString();
$w(‘#text14’).text = (‘98,’).toString();
$w(‘#group7’).hide(“fade”);
$w(“#group8”).show(“FadeIn”);

});

});

$w.onReady( function () {
$w(‘#button32’).onClick(() => {
$w(‘#text14’).show();
$w(‘#text6’).text = (‘Please pick 9 number…’).toString();
$w(‘#text14’).text = (‘37,’).toString();
$w(‘#group7’).hide(“fade”);
$w(“#group8”).show(“FadeIn”);
});
});

$w.onReady( function () {
$w(‘#button51’).onClick(() => {
$w(‘#text14’).show();
$w(‘#text6’).text = (‘Please pick 9 number…’).toString();
$w(‘#text14’).text = (‘122,’).toString();
$w(‘#group7’).hide(“fade”);
$w(“#group8”).show(“FadeIn”);

});

});

$w.onReady( function () {
$w(‘#button71’).onClick(() => {
$w(‘#text14’).show();
$w(‘#text6’).text = (‘Please pick 9 number…’).toString();
$w(‘#text14’).text = (‘12,’).toString();
$w(‘#group7’).hide(“fade”);
$w(“#group8”).show(“FadeIn”);

});

});

//8 button
$w.onReady( function () {
$w(‘#button14’).onClick(() => {
$w(‘#text15’).show();
$w(‘#text6’).text = (‘Please pick 8 number…’).toString();
$w(‘#text15’).text = (‘75,’).toString();
$w(‘#group8’).hide(“fade”);
$w(“#group9”).show(“FadeIn”);

});

});

$w.onReady( function () {
$w(‘#button33’).onClick(() => {
$w(‘#text15’).show();
$w(‘#text6’).text = (‘Please pick 8 number…’).toString();
$w(‘#text15’).text = (‘33,’).toString();
$w(‘#group8’).hide(“fade”);
$w(“#group9”).show(“FadeIn”);
});
});

$w.onReady( function () {
$w(‘#button53’).onClick(() => {
$w(‘#text15’).show();
$w(‘#text6’).text = (‘Please pick 8 number…’).toString();
$w(‘#text15’).text = (‘53,’).toString();
$w(‘#group8’).hide(“fade”);
$w(“#group9”).show(“FadeIn”);

});

});

$w.onReady( function () {
$w(‘#button69’).onClick(() => {
$w(‘#text15’).show();
$w(‘#text6’).text = (‘Please pick 8 number…’).toString();
$w(‘#text15’).text = (‘69,’).toString();
$w(‘#group8’).hide(“fade”);
$w(“#group9”).show(“FadeIn”);

});

});

//9 button
$w.onReady( function () {
$w(‘#button15’).onClick(() => {
$w(‘#text16’).show();
$w(‘#text6’).text = (‘Please pick 7 number…’).toString();
$w(‘#text16’).text = (‘21,’).toString();
$w(‘#group9’).hide(“fade”);
$w(“#group10”).show(“FadeIn”);

});

});

$w.onReady( function () {
$w(‘#button35’).onClick(() => {
$w(‘#text16’).show();
$w(‘#text6’).text = (‘Please pick 7 number…’).toString();
$w(‘#text16’).text = (‘121,’).toString();
$w(‘#group9’).hide(“fade”);
$w(“#group10”).show(“FadeIn”);
});
});

$w.onReady( function () {
$w(‘#button54’).onClick(() => {
$w(‘#text16’).show();
$w(‘#text6’).text = (‘Please pick 7 number…’).toString();
$w(‘#text16’).text = (‘4,’).toString();
$w(‘#group9’).hide(“fade”);
$w(“#group10”).show(“FadeIn”);

});

});

$w.onReady( function () {
$w(‘#button70’).onClick(() => {
$w(‘#text16’).show();
$w(‘#text6’).text = (‘Please pick 7 number…’).toString();
$w(‘#text16’).text = (‘29,’).toString();
$w(‘#group9’).hide(“fade”);
$w(“#group10”).show(“FadeIn”);

});

});

//10
$w.onReady( function () {
$w(‘#button16’).onClick(() => {
$w(‘#text17’).show();
$w(‘#text6’).text = (‘Please pick 6 number…’).toString();
$w(‘#text17’).text = (‘49,’).toString();
$w(‘#group10’).hide(“fade”);
$w(“#group11”).show(“FadeIn”);

});

});

$w.onReady( function () {
$w(‘#button36’).onClick(() => {
$w(‘#text17’).show();
$w(‘#text6’).text = (‘Please pick 6 number…’).toString();
$w(‘#text17’).text = (‘39,’).toString();
$w(‘#group10’).hide(“fade”);
$w(“#group11”).show(“FadeIn”);
});
});

$w.onReady( function () {
$w(‘#button55’).onClick(() => {
$w(‘#text17’).show();
$w(‘#text6’).text = (‘Please pick 6 number…’).toString();
$w(‘#text17’).text = (‘80,’).toString();
$w(‘#group10’).hide(“fade”);
$w(“#group11”).show(“FadeIn”);

});

});

$w.onReady( function () {
$w(‘#button72’).onClick(() => {
$w(‘#text17’).show();
$w(‘#text6’).text = (‘Please pick 6 number…’).toString();
$w(‘#text17’).text = (‘13,’).toString();
$w(‘#group10’).hide(“fade”);
$w(“#group11”).show(“FadeIn”);

});

});

//11
$w.onReady( function () {
$w(‘#button17’).onClick(() => {
$w(‘#text18’).show();
$w(‘#text6’).text = (‘Please pick 5 number…’).toString();
$w(‘#text18’).text = (‘72,’).toString();
$w(‘#group11’).hide(“fade”);
$w(“#group12”).show(“FadeIn”);

});

});

$w.onReady( function () {
$w(‘#button38’).onClick(() => {
$w(‘#text18’).show();
$w(‘#text6’).text = (‘Please pick 5 number…’).toString();
$w(‘#text18’).text = (‘38,’).toString();
$w(‘#group11’).hide(“fade”);
$w(“#group12”).show(“FadeIn”);
});
});

$w.onReady( function () {
$w(‘#button57’).onClick(() => {
$w(‘#text18’).show();
$w(‘#text6’).text = (‘Please pick 5 number…’).toString();
$w(‘#text18’).text = (‘100,’).toString();
$w(‘#group11’).hide(“fade”);
$w(“#group12”).show(“FadeIn”);

});

});

$w.onReady( function () {
$w(‘#button73’).onClick(() => {
$w(‘#text18’).show();
$w(‘#text6’).text = (‘Please pick 5 number…’).toString();
$w(‘#text18’).text = (‘44,’).toString();
$w(‘#group11’).hide(“fade”);
$w(“#group12”).show(“FadeIn”);

});

});

//12
$w.onReady( function () {
$w(‘#button18’).onClick(() => {
$w(‘#text19’).show();
$w(‘#text6’).text = (‘Please pick 4 number…’).toString();
$w(‘#text19’).text = (‘62,’).toString();
$w(‘#group12’).hide(“fade”);
$w(“#group13”).show(“FadeIn”);

});

});

$w.onReady( function () {
$w(‘#button39’).onClick(() => {
$w(‘#text19’).show();
$w(‘#text6’).text = (‘Please pick 4 number…’).toString();
$w(‘#text19’).text = (‘230,’).toString();
$w(‘#group12’).hide(“fade”);
$w(“#group13”).show(“FadeIn”);
});
});

$w.onReady( function () {
$w(‘#button59’).onClick(() => {
$w(‘#text19’).show();
$w(‘#text6’).text = (‘Please pick 4 number…’).toString();
$w(‘#text19’).text = (‘55,’).toString();
$w(‘#group12’).hide(“fade”);
$w(“#group13”).show(“FadeIn”);

});

});

$w.onReady( function () {
$w(‘#button74’).onClick(() => {
$w(‘#text19’).show();
$w(‘#text6’).text = (‘Please pick 4 number…’).toString();
$w(‘#text19’).text = (‘5,’).toString();
$w(‘#group12’).hide(“fade”);
$w(“#group13”).show(“FadeIn”);

});

});

//13
$w.onReady( function () {
$w(‘#button20’).onClick(() => {
$w(‘#text20’).show();
$w(‘#text6’).text = (‘Please pick 3 number…’).toString();
$w(‘#text20’).text = (‘74,’).toString();
$w(‘#group13’).hide(“fade”);
$w(“#group14”).show(“FadeIn”);

});

});

$w.onReady( function () {
$w(‘#button40’).onClick(() => {
$w(‘#text20’).show();
$w(‘#text6’).text = (‘Please pick 3 number…’).toString();
$w(‘#text20’).text = (‘69,’).toString();
$w(‘#group13’).hide(“fade”);
$w(“#group14”).show(“FadeIn”);
});
});

$w.onReady( function () {
$w(‘#button60’).onClick(() => {
$w(‘#text20’).show();
$w(‘#text6’).text = (‘Please pick 3 number…’).toString();
$w(‘#text20’).text = (‘240,’).toString();
$w(‘#group13’).hide(“fade”);
$w(“#group14”).show(“FadeIn”);

});

});

$w.onReady( function () {
$w(‘#button75’).onClick(() => {
$w(‘#text20’).show();
$w(‘#text6’).text = (‘Please pick 3 number…’).toString();
$w(‘#text20’).text = (‘142,’).toString();
$w(‘#group13’).hide(“fade”);
$w(“#group14”).show(“FadeIn”);

});

});

//14
$w.onReady( function () {
$w(‘#button21’).onClick(() => {
$w(‘#text21’).show();
$w(‘#text6’).text = (‘Please pick 2 number…’).toString();
$w(‘#text21’).text = (‘99,’).toString();
$w(‘#group14’).hide(“fade”);
$w(“#group15”).show(“FadeIn”);

});

});

$w.onReady( function () {
$w(‘#button41’).onClick(() => {
$w(‘#text21’).show();
$w(‘#text6’).text = (‘Please pick 2 number…’).toString();
$w(‘#text21’).text = (‘222,’).toString();
$w(‘#group14’).hide(“fade”);
$w(“#group15”).show(“FadeIn”);
});
});

$w.onReady( function () {
$w(‘#button61’).onClick(() => {
$w(‘#text21’).show();
$w(‘#text6’).text = (‘Please pick 2 number…’).toString();
$w(‘#text21’).text = (‘73,’).toString();
$w(‘#group14’).hide(“fade”);
$w(“#group15”).show(“FadeIn”);

});

});

$w.onReady( function () {
$w(‘#button76’).onClick(() => {
$w(‘#text21’).show();
$w(‘#text6’).text = (‘Please pick 2 number…’).toString();
$w(‘#text21’).text = (‘8,’).toString();
$w(‘#group14’).hide(“fade”);
$w(“#group15”).show(“FadeIn”);

});

});

//15
$w.onReady( function () {
$w(‘#button22’).onClick(() => {
$w(‘#text22’).show();
$w(‘#text6’).text = (‘Please pick 1 number…’).toString();
$w(‘#text22’).text = (‘167,’).toString();
$w(‘#group15’).hide(“fade”);
$w(“#group16”).show(“FadeIn”);

});

});

$w.onReady( function () {
$w(‘#button42’).onClick(() => {
$w(‘#text22’).show();
$w(‘#text6’).text = (‘Please pick 1 number…’).toString();
$w(‘#text22’).text = (‘39,’).toString();
$w(‘#group15’).hide(“fade”);
$w(“#group16”).show(“FadeIn”);
});
});

$w.onReady( function () {
$w(‘#button62’).onClick(() => {
$w(‘#text22’).show();
$w(‘#text6’).text = (‘Please pick 1 number…’).toString();
$w(‘#text22’).text = (‘11,’).toString();
$w(‘#group15’).hide(“fade”);
$w(“#group16”).show(“FadeIn”);

});

});

$w.onReady( function () {
$w(‘#button77’).onClick(() => {
$w(‘#text22’).show();
$w(‘#text6’).text = (‘Please pick 1 number…’).toString();
$w(‘#text22’).text = (‘119,’).toString();
$w(‘#group15’).hide(“fade”);
$w(“#group16”).show(“FadeIn”);

});

});

//16
$w.onReady( function () {
$w(‘#button16’).onClick(() => {
$w(‘#text23’).show();
$w(‘#text6’).text = (‘Please pick 0 number…’).toString();
$w(‘#text23’).text = (‘130,’).toString();
$w(‘#group16’).hide(“fade”);

});

});

$w.onReady( function () {
$w(‘#button43’).onClick(() => {
$w(‘#text23’).show();
$w(‘#text6’).text = (‘Please pick 0 number…’).toString();
$w(‘#text23’).text = (‘33,’).toString();
$w(‘#group16’).hide(“fade”);
});
});

$w.onReady( function () {
$w(‘#button63’).onClick(() => {
$w(‘#text23’).show();
$w(‘#text6’).text = (‘Please pick 0 number…’).toString();
$w(‘#text23’).text = (‘169,’).toString();
$w(‘#group16’).hide(“fade”);

});

});

$w.onReady( function () {
$w(‘#button78’).onClick(() => {
$w(‘#text23’).show();
$w(‘#text6’).text = (‘Please pick 0 number…’).toString();
$w(‘#text23’).text = (‘280,’).toString();
$w(‘#group16’).hide(“fade”);

});

});

3

the button get error when you click fast so i write the delay code in the all show code to get more smooth. and dont get error when you click the button fast.

setTimeout( function (){
$w(" #group16 ").show(“FadeIn”);
}, 900);