<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- table Of Content Menu -->
<div id="toc">
</div>
<!-- Article Section -->
<div id="article">
<h1>What is Python</h1>
<p>Lorem, Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni sapiente voluptate cumque commodi officiis eius maiores id laboriosam, eum voluptas iusto mollitia veritatis harum atque accusantium error, assumenda tempore tenetur. Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea quos nemo laborum et, nisi, dolor aliquid nesciunt enim quibusdam beatae earum voluptatum porro provident impedit illum nobis deserunt esse! Placeat? ipsum dolor sit amet consectetur adipisicing elit. Maiores rem a recusandae porro dolore numquam reprehenderit, cum consequuntur sint minus quae explicabo ex? Non ad numquam iusto dolores veritatis consequatur? Lorem ipsum dolor, sit amet consectetur adipisicing elit. Non cupiditate alias omnis tenetur excepturi molestias dignissimos ut debitis, architecto sequi! Molestias error suscipit et neque corporis in dolorum aperiam hic! Learn about what Python is and why you want to learn Python today.</p>
<h1>Installing Python</h1>
<p>Lorem, Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni sapiente voluptate cumque commodi officiis eius maiores id laboriosam, eum voluptas iusto mollitia veritatis harum atque accusantium error, assumenda tempore tenetur. Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea quos nemo laborum et, nisi, dolor aliquid nesciunt enim quibusdam beatae earum voluptatum porro provident impedit illum nobis deserunt esse! Placeat? ipsum dolor sit amet consectetur adipisicing elit. Maiores rem a recusandae porro dolore numquam reprehenderit, cum consequuntur sint minus quae explicabo ex? Non ad numquam iusto dolores veritatis consequatur? Lorem ipsum dolor, sit amet consectetur adipisicing elit. Non cupiditate alias omnis tenetur excepturi molestias dignissimos ut debitis, architecto sequi! Molestias error suscipit et neque corporis in dolorum aperiam hic! Learn about what Python is and why you want to learn Python today.</p>
<h3>Setting up the VS Code for Python </h3>
<p>Lorem, Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni sapiente voluptate cumque commodi officiis eius maiores id laboriosam, eum voluptas iusto mollitia veritatis harum atque accusantium error, assumenda tempore tenetur. Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea quos nemo laborum et, nisi, dolor aliquid nesciunt enim quibusdam beatae earum voluptatum porro provident impedit illum nobis deserunt esse! Placeat? ipsum dolor sit amet consectetur adipisicing elit. Maiores rem a recusandae porro dolore numquam reprehenderit, cum consequuntur sint minus quae explicabo ex? Non ad numquam iusto dolores veritatis consequatur? Lorem ipsum dolor, sit amet consectetur adipisicing elit. Non cupiditate alias omnis tenetur excepturi molestias dignissimos ut debitis, architecto sequi! Molestias error suscipit et neque corporis in dolorum aperiam hic! Learn about what Python is and why you want to learn Python today.</p>
</div>
<script >
var toc= document.getElementById('toc');
var tocheader = document.createElement("h2");
tocheader.innerText = 'Table Of Content';
toc.appendChild(tocheader);
var tocul = document.createElement('ul');
var subul = null;
var mainli = null;
var subli = null;
var articlediv = document.getElementById('article');
var headings = articlediv.querySelectorAll('h1,h2');
for ( var i = 0; i < headings.length; i++) {
// create an id
var name = "h"+i;
headings[i].id = name;
var tagname = headings[i].nodeName;
var tocli = null;
var anchorlink = document.createElement('a');
anchorlink.setAttribute('href', '#'+name);
anchorlink.innerText= headings[i].innerText;
if ('h3' === tagname ) {
tocli = document.createElement('li');
subul = document.createElement('ul');
subli = document.createElement('li');
subli.innerText = "h";
subul.appendChild(subli)
tocul.appendChild(subul);
}
else {
tocli = document.createElement('li');
}
tocli.appendChild(anchorlink);
tocul.appendChild(tocli);
}
toc.appendChild(tocul);
</script>
</body>
</html>
OLEETECH 