Transfer javascript code in html files to typescript files and link them to the views

Valid javascript code is valid typescript code. So to get started, you can use your existing javascript code inside your typescript files.

Every time you save your typescript file in visual studio, typescript compiler will be compiling this file and generate the corresponding javascript file with the same name as of your typescript file name, provided you do not have any errors in your typescript file.The generated file will be in the same location of where you have your typescript files are. If you want to see those, you can enable the Show All files option in solution explorer.

You will not include the typescript files in your pages, instead we will use the generated js files. So in your case, in your Hotels view(Hotels.cshtml), you can include it like

@section Scripts
{  
    <script src="~/Content/Scripts/Pages/Hotels.js"></script>
}

Or if you want to bundle it, Add a new bundle in your RegisterBundles() method.

public static void RegisterBundles(BundleCollection bundles)
{
    bundles.Add(new ScriptBundle("~/bundles/hotels").Include(
    "~/Content/Scripts/Pages/Hotels.js"));
   // Other bundles goes here
}

And in your view, use the bundle path

@section Scripts
{  
     @Scripts.Render("~/bundles/hotels")
}