cshtml view page and Script issue in mvc razor

Question

this is the scenario i am using MVC 5 in visual studio 2015 created a view and add following inside it

  @{
    ViewBag.Title = "test page";
}

<h2>test page</h2>

<script type="text/javascript">        

        function anyfuction() {
            var str =   ' <script type="text/javascript">'
            str += 'function abc() {console.log("why is this happining");'
            str += '}'
            str += '</script>';
        }

</script>

you will notice that

str += '</script>';

wont work

can any one tell me what i am doing this wrong or is it Bug