I was trying to add a value of +1 to a label each time a button is clicked. It worked, but when the button is clicked, There is an auto postback - the page refreshes.

But I don't want the page to refresh when the button i clicked, I just want only the label value to change (adding +1 to its current value) without page refresh.

HTML

<div>
    <asp:Label ID="Label1" runat="server" Text=""></asp:Label>
    <asp:Label ID="Label2" runat="server" Text=""></asp:Label>
    <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
</div>

C#

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        Label1.Text = (i++).ToString();
        Label2.Text = ("20").ToString();
    }
}
 
private double i
{
    get
    {
        return ViewState["i"] != null ? (double)ViewState["i"] : 1;
    }
    set
    {
        ViewState["i"] = value;
    }
}
protected void Button1_Click(object sender, EventArgs e)
{
    Label1.Text = (i++).ToString();
}