Blazor Event Handling - onclick, onmousemove, onchange

1. onclick event

        Component View

<button @onclick="@Button_Click">@ButtonText</button>

<div class="text-left @CssClass"><img src="@Photo" /></div>

        Component Class

protected string ButtonText { get; set; } = "Hide";

protected string CssClass { get; set; } = null;

protected void Button_Click()

{

    if (ButtonText == "Hide")

    {

ButtonText = "Show";

CssClass = "HideImage";

    }

    else

    {

CssClass = null;

ButtonText = "Hide";

    }

}

        CSS Class

.HideImage{

    display:none;

}