Have you tried asking CoPilot? Copy/paste of your questions results in:
Selecting HTML Elements in Blazor without @ref
While Blazor doesn’t have built-in support for selecting HTML elements like jQuery, you can still achieve this using JavaScript interop. Here’s an example of how you can use JavaScript to select elements:

Define a JavaScript function to select elements:

function selectElement(selector) {
 return document.querySelector(selector);
}

//Call this function from Blazor using JSInterop:

@inject IJSRuntime JSRuntime
@code {
 private async Task SelectElementAsync(string selector)
 {
 await JSRuntime.InvokeVoidAsync("selectElement", selector);
 }
}

Handling JavaScript Files on Page Change
The issue with JavaScript files not being executed after changing pages is common in Blazor applications. Here are a few tips to resolve this:

Ensure JavaScript files are loaded correctly:
Move your script tags to the index.html or _Host.cshtml file to ensure they are loaded once and remain available throughout the app 1.
Reinitialize JavaScript on page change:
Use the OnAfterRenderAsync method to reinitialize your JavaScript functions after each render:

@inject IJSRuntime JSRuntime
protected override async Task OnAfterRenderAsync(bool firstRender)
{
 if (firstRender)
 {
 await JSRuntime.InvokeVoidAsync("initializeScripts");
 }
}

Avoid modifying the DOM directly:
Blazor maintains its own representation of the DOM. Direct modifications using JavaScript can lead to inconsistencies 2. Always use Blazor’s built-in methods or JSInterop to interact with the DOM.

@guardrex will tell me if this is incorrecto