Resolved Blazor get html element using c# code

[lukas9669]

I wanna build a Tic Tac Toe Blazor game. To print the fields I am using html buttons and a foreach loop:

@if(MatchField != null)
    {
   

        @foreach(var field in MatchField)
        {
            <span>
            <button @onclick="() => PrintSymbolOnButton(field)" >

               @ElementOfMatchField.Symbol
            </button>
            </span>

        }
   
}

Matchfield is a list consisting the tictactoe fields.
The PrintSymbolOnButton method should print the players symbol (X(O) on the button.
The method looks like this:

public static void PrintSymbolOnButton(ElementOfMatchField field)
    {
   
        ElementOfMatchField.Symbol = "X";

    }

ElementOfMatchField()

is the class for the fields, it looks like this:

 public class ElementOfMatchField
    {
        public int Row { get; set; }

        public int Column { get; set; }

        public static string Symbol { get; set; }

        public Player ClickedBy { get; set; }

        public ElementOfMatchField(int row, int column)
        {
            this.Row = row;
            this.Column = column;
        }
    }

How can I write the

PrintSymbolOnButton()

Method to print the players symbol on this button which was clicked?
Is there a similar method to the JS function GetElementById?

 

[Skydiver]

This is addressing the title of your post: Blazor (both server side and web assembly) don't have direct access to the HTML elements. You'll have to invoke JavaScript and let the JavaScript access the HTML.

Is there a way to access DOM in Blazor?

This FAQ explains the topic "Is there a way to access DOM in Blazor?"

www.syncfusion.com