Tetap di Tabs yang sama saat di reload page

Terkait javascript, saya sangat pemula di javascript buat tab tetap di tab active saat di reload, di stack overflow belum menyelesaikan masalah dari kode saya berikut, saya menggunakan code pada html sebagai berikut.

<div class="tab tab-bg float-none shadow" >
    <button class="tablinks"  onclick="openSheet(event, 'Question')" id="activetab">Question</button>
    <button class="tablinks"  onclick="openSheet(event, 'Polling')">Polling</button>
    <button class="tablinks"  onclick="openSheet(event, 'Result')">Summary</button>
</div>

dengan javasript tab sebagai berikut.

document.getElementById("activetab").click();
            function openSheet(evt, SheetName) {

                var i, tabcontent, tablinks;

                tabcontent = document.getElementsByClassName("tabcontent");
                for (i = 0; i < tabcontent.length; i++) {
                    tabcontent[i].style.display = "none";
                }
                tablinks = document.getElementsByClassName("tablinks");
                for (i = 0; i < tablinks.length; i++) {
                    tablinks[i].className = tablinks[i].className.replace(" active", "");
                }
                document.getElementById(SheetName).style.display = "block";
                evt.currentTarget.className += " active";
            }

dan ini

$('a[data-toggle="tab"]').click(function (e) {
        e.preventDefault();
        $(this).tab('show');
        });
        $('a[data-toggle="tab"]').on("shown.bs.tab", function (e) {
        var id = $(e.target).attr("href");        localStorage.setItem('Sheet', id)        });
        var selectedTab = localStorage.getItem('Sheet');
        if (selectedTab != null) {
        $('a[data-toggle="tab"][href="' + selectedTab + '"]').tab('show');
        }