function_and_DOM.html

<!DOCTYPE html>
<head>
<title>DOM Functions</title>
<h1> DOM FUNCTIONS</h1>
</head>

<body>
    <script type="text/javascript">
        /*
        const giveTheFactorial =(val) =>{
            if(val<1) return 0;
            if(val == 1) return 1;
            //let retVal = 1;
            let retVal = 1;
            for(letj=1;j<=val;j++){
                retVal *= j;
            }
            return retVal;
        };

        document.write(giveTheFactorial(5));
       */
       /*
       var arr=["a","b","c","d"];
       arr.push("e");
       arr.push("f");
       arr.push("g");
       for(let i=0;i<arr.length;i++){ document.write("<h2>"+arr[i]+"</h2>");}
       arr.pop();
       arr.pop();
       for(let i=0;i<arr.length;i++) { document.write("<h2>"+arr[i]+"</h2>");}
       //document.write("<h2>"+arr[i]+"</h2>");
       */

    //   let obj = new object();
    //   obj.name = "aman";
    //   obj.kam = "labour";
    //   obj.ghar = "beghar";
    //   obj.izzat = "lut gayi";

    //   document.write(obj.name);
    //   document.write(obj.kam);
    //   document.write(obj.ghar);
    //   document.write(obj.izzat);

    //above object is not working

    /*
      let obj1 = {
        jhar : "khand ",
        bi : "har ",
        uttar: "pradesh",
        dar: function(){
            return " bhoot se";
        }
      };
      document.write(obj1.jhar);
      document.write(obj1.bi);
      document.write(obj1.uttar);
      document.write(obj1.dar);
      */

    //   function bnclk1(){
    //     //document - represent the global dom object
    //     var str = document.getElementById("heading1").innerHTML="hello aman";
    //     //alrt(str);
    //   }

    //   function bnclk2(){
    //     //document - represent the global dom object
    //     var str = document.getElementById("heading2").innerHTML=" good bye aman";
    //     //alrt(str);
    //   }

    function alrtMessage(){
        alert('hey you have click it!');
    }

</script>

<!-- 
<button onclick="bnclk1()"><i><b>click me 1</b></i></button>
<h2 id="heading1">Display text</h2>

<button onclick="bnclk2()"><i><b>click me 2</b></i></button>
<h2 id="heading2">Display text</h2> -->

<button onclick="alrtMessage()"><i><b>alrtMessage</b></i></button>

    </body>
</html>