Untitled

<!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>
    <h1 id="title">Home Page</h1>
    <ul data-list="nav">
        <li><a href="#">link 1</a></li>
        <li><a href="#">link 2</a></li>
        <li><a href="#">link 3</a></li>
        <li><a href="#">link 4</a></li>

        <input type="text" name="input-field" class="form-control input-lg">
    </ul>
    <script>
        // console.log(document.activeElement);

        // document.addEventListener('focus', (e) => {
        //     console.log(document.activeElement);
        //     console.log(e.target.name);
        //     console.log(e.srcElement.classList);
        // }, true);

        // console.log(document.documentElement);

        // console.log(document.head);

        // console.log(document.body);
        // let newBody = document.createElement("body");
        // newBody.innerHTML = "<p> test </p>";
        // document.body = document.createElement("p");

        // console.log(document.title);
        // document.title = "new title";

        // console.log(document.URL);
        console.log(document.referrer);
        // document.cookie = 'mysitecookie' + "=" + 'newcookie';
        // console.log(document.cookie);
        // console.log(document.readyState);
        // document.addEventListener('DOMContentLoaded', () => {
        //     console.log(document.readyState);
        // });

        // console.log(document.location);
        // console.log(document.location.href);
        // console.log(document.location.protocol);
        // document.location = "index.html";

        // console.log(document.lastModified);
        // console.log(document.characterSet);

        let s = document.querySelectorAll("li");
        // s.forEach(item => {
        //     console.log(item.innerHTML);
        // });
        for (let index = 0; index < s.length; index++) {
            console.log(s[index]);
            // s[index].remove();

        }

        let li = document.getElementsByTagName("li");
        for (let index = 0; index < li.length; index++) {
            console.log(li[index]);
            li[index].remove();
            // index--;
            // li[index].parentNode.removeChild(li[index]);
        }

    </script>
</body>
<!-- <script>
    document.addEventListener('DOMContentLoaded', () => {
        console.log(document.readyState);
    });
</script> -->
</html>