javascript interoperability

BlazorApp/BlazorStateApp/Pages/JSInterop.razor

@@ -0,0 +1,34 @@
+@page "/jsinterop"
+@inject IJSRuntime _jsRuntime;
+
+<h3>JSInterop</h3>
+
+<div>
+    <button type="button" class="btn btn-primary" @onclick="HelloWorld">
+        Hello World!
+    </button>
+</div>
+
+<br />
+
+<div>
+    <button type="button" class="btn btn-primary" @onclick="InputName">
+        Input Name
+    </button>
+    <p>@_name</p>
+</div>
+
+@code {
+    string _name;
+
+    private async void HelloWorld()
+    {
+        await _jsRuntime.InvokeVoidAsync("testFunction.helloWorld", null);
+    }
+
+    private async void InputName()
+    {
+        _name = await _jsRuntime.InvokeAsync<string>("testFunction.inputName", "Send from Blazor");
+        StateHasChanged();
+    }
+}

BlazorApp/BlazorStateApp/Pages/_Layout.cshtml

@@ -28,5 +28,6 @@
     </div>
 
     <script src="_framework/blazor.server.js"></script>
+    <script src="~/test.js"></script>
 </body>
 </html>