Question: I am working with mvc4 and exploring how bundling of css and javascript works. I have a question that I need assistance with. 

For every page (view) I render I would like to just have one js and css file. This is a culmination of the multiple files that are required for that view. From what I have seen, I can create bundles of files but I did not see a way of creating a bundle for each view.

Could someone help me out with this, if it is possible to achieve what I outlined?

Answer: 
It is `document.getElementById` not `document.getelementbyid`

[Working Demo](http://jsbin.com/ecixeh/1/edit)
use this code

```
    <html>
        <head>
            <script language="javascript">
                function newwindow() {
                    var showme = document.getElementById("testing");
                    showme.style.visibility = "visible";
                }
            </script>
        </head>
        <body>
            <a href="#" onclick="newwindow()">Show me my hidden layer</a>
            <div id="testing" style="position: absolute; visibility: hidden; left: 50%; top: 50%;
        border: 1px solid darkblue; width: 400px; height: 300px; line-height: 300px;     
        text-align: center; vertical-align: middle;
        margin-top: -150px; margin-left: -200px; background: lightgray">HELLO!!!</div>
        </body>
    </html>

```