contents_maker

<html>
    <head>
        <title>
            Contents Maker
        </title>
        <script type="text/javascript">
            function make_id(idx)
            {
                return 'id_' + idx;
            }
            function make_ref(name, idx)
            {
                return '<a href="#' + make_id(idx) + '">' + name + '</a>';
            }

            function make_contents(){
                var headers = document.querySelectorAll("h3");
                var contents = '';
                for (i = 0; i < headers.length; i++)
                {
                    headers[i].id = make_id(i);
                    contents += make_ref(headers[i].innerHTML, i) + '<br>';
                }

                document.getElementById('contents').innerHTML = contents;
            }
        </script>
    </head>
    <body onload="make_contents();">
        <h2>
            Contents maker!
        </h2>
        <p id='contents'>
        </p>
        <h3>
            Test header
        </h3>