Weird ASP.NET Razor page error in Javascript For loop: Name cannot begin with the character

Question

Web page displays an ASP.NET error like below:

The line is pure JS code. I could track down the exact line in for loop:

I have no idea what's wrong with JS code in Razor page. If I remove for loop, the error disappears. How can I fix this?

Answer 1

I found the reason; Razor engine encodes the < and > characters so the browser throws JS compile error:

The solution is simple:

1- Wrapping inside the < script> < /script> tags with <! -- -->

2- Using @Html.Raw("<") instead of <

<script>
<!--  

...
// i < len;  // Replace this line as below
i @Html.Raw("<") len;
...
-->
</script>