Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script>
        function outputMenu(menu, outputID){
            if ((typeof menu == "object") && (menu)){
                let output = document.getElementById(outputID);
                if (output){
                    let content = "";
                    for (let i = 0; i < menu.length; ++i){
                        let menuItem = menu[i];
                        content += "<a style=\"display: block\" href=\""
                        content += menuItem["menuLink"];
                        content += "\">"+ menuItem["menuName"] + "</a>";
                    }
                    output.innerHTML = content;
                }
            }
        }

        function createMenu(itemText, itemHref){
            let menu = [];
            let mName;
            let mLink;
            for (let i = 0; i < 10; ++i){
                mName = itemText + " " + i;
                mLink = itemHref + i + ".htm";
                let menuItem = {menuName: mName, menuLink: mLink};
                menu.push(menuItem);
            }
            return menu;
        }
        function hideMenu(){
            let output = document.getElementById("output");
            if (output){
                output.innerHTML = "";
            }
        }
    </script>
</head>
<body>
<input
    id="btnShow" type="button" value="Show" style="display: inline"
    onclick="
        outputMenu(createMenu('Menu', 'Puslapis'), 'output');
        document.getElementById('btnShow').style.display = 'none';
        document.getElementById('btnHide').style.display = 'inline';
    "

>
<input
    id="btnHide" type="button" value="Hide" style="display: none"
    onclick="
        hideMenu();
        document.getElementById('btnShow').style.display = 'inline';
        document.getElementById('btnHide').style.display = 'none';
    "
>
<div id="output">
</div>

<!--<script src="script.js" defer>
</script>-->
</body>
</html>