index.html

<!DOCTYPE html>
<html>

    <head>
        <title>PDF.js test</title>
        <link rel="stylesheet" type="text/css" href="viewer.css">
        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.3.200/pdf.min.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
        <script src="pdfviewer.js"></script>
    </head>

    <body>
    

        <div class="lds-spinner"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>

        <div id="controls">
            <div id="nav-controls">
                <button id="go_previous"><</button>
                <input type="number" value="1" id="current_page">
                <button id="go_next">></button>
                <div id="zoom-controls">
                    <div id="zoom_in"></div>
                    <div id="zoom_out"></div>
                </div>
            </div>
        </div>

        <div id="my_pdf_viewer">
            <div id="canvas_container">
                <canvas id="pdf_renderer"></canvas>
            </div>
        </div>
    </body>
</html>