irmantas_radavicius

Untitled

Oct 24th, 2021
716
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head> 
  4.     <meta charset="UTF-8" />
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6.     <script>           
  7.         function outputMenu(menu, outputID){
  8.             if ((typeof menu == "object") && (menu)){
  9.                 let output = document.getElementById(outputID);
  10.                 if (output){           
  11.                     let content = "";
  12.                     for (let i = 0; i < menu.length; ++i){
  13.                         let menuItem = menu[i];            
  14.                         content += "<a style=\"display: block\" href=\""
  15.                         content += menuItem["menuLink"];
  16.                         content += "\">"+ menuItem["menuName"] + "</a>";                           
  17.                     }          
  18.                     output.innerHTML = content;
  19.                 }
  20.             }
  21.         }
  22.  
  23.         function createMenu(itemText, itemHref){
  24.             let menu = [];
  25.             let mName;
  26.             let mLink;
  27.             for (let i = 0; i < 10; ++i){
  28.                 mName = itemText + " " + i;
  29.                 mLink = itemHref + i + ".htm";
  30.                 let menuItem = {menuName: mName, menuLink: mLink};
  31.                 menu.push(menuItem);
  32.             }
  33.             return menu;
  34.         }
  35.         function hideMenu(){
  36.             let output = document.getElementById("output");
  37.             if (output){           
  38.                 output.innerHTML = "";
  39.             }  
  40.         }
  41.     </script>
  42. </head>
  43. <body>
  44. <input
  45.     id="btnShow" type="button" value="Show" style="display: inline"
  46.     onclick="
  47.         outputMenu(createMenu('Menu', 'Puslapis'), 'output');
  48.         document.getElementById('btnShow').style.display = 'none';
  49.         document.getElementById('btnHide').style.display = 'inline';
  50.     "
  51.  
  52. >
  53. <input
  54.     id="btnHide" type="button" value="Hide" style="display: none"
  55.     onclick="
  56.         hideMenu();
  57.         document.getElementById('btnShow').style.display = 'inline';
  58.         document.getElementById('btnHide').style.display = 'none';
  59.     "  
  60. >
  61. <div id="output">
  62. </div> 
  63.    
  64. <!--<script src="script.js" defer>
  65. </script>-->
  66. </body>
  67. </html>
  68.  
  69.  
RAW Paste Data