home.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript Concepts</title>
</head>
<body>
<button onclick="myFunction()">Try it</button>

<p id="demo">Hello Students!</p>
<p>Replace "Microsoft" with "Sorry for late" in the paragraph below:</p>

<button onclick="myFunction1()">Try it</button>

<p1 id="demo1">Please visit Microsoft!</p1>
<p2 id="demo2"></p2>


<p3>The padStart() method pads a string from the start.</p3>
<p3>Mt ID.</p3>

<p3 id="demo3"></p3>


<p6>The length of the string is:</p6>
<p6 id="demo6"></p6>

<p7> without decimal</p7>
<p7 id="demo7"></p7>

<p8> Round off - </p8>
<p8 id="demo8"></p8>

<p9 id="demo9"></p9>

<p0> The result is -</p0>
<p0 id="demo0"></p0>


<p11>JavaScript will try to convert strings to numbers when dividing:</p11>

<p11 id="demo11"></p11>

<p12>No. of fruits- </p12>
<p12 id="demo12"></p12>

<p>Name of the fruits - </p>
<p13 id="demo13"></p13>


<p21> The pop up - </p21>
<p21 id="demo21"></p21>
<p22 id="demo22"></p22>

<p23 id="demo23"></p23>

<p24> Old students-</p24>
<p24 id="demo24"></p24>

<p25 id="demo25"></p25>

<p14 id="demo14"></p14>

<p16 id="demo16"></p16>


    <script>
        function myFunction() {
            let text = document.getElementById("demo").innerHTML;
            document.getElementById("demo").innerHTML =
            text.toUpperCase();
        }
        
        function myFunction1() {
        let text = document.getElementById("demo1").innerHTML;
        document.getElementById("demo1").innerHTML =
        text.replace("Microsoft","Sorry for late");
        }
        
        
        let text1 = "     Hello World!     ";
        
        let text2 = text1.trim();

        document.getElementById("demo2").innerHTML =
        
        "Length text1 = " + text1.length + "<br>Length text2 = " + text2.length;
        
        
        let text5 = "8";
        text5 = text5.padStart(9,"0");

        document.getElementById("demo3").innerHTML = text5;


        let text6 = "Please check my task";
        document.getElementById("demo6").innerHTML = text6.length;

    //number
        let x = 3.14;
        let y = 3;
        document.getElementById("demo7").innerHTML = x + "<br>" + y;

        let a = 999999999999999;
        let b = 9999999999999999;
        document.getElementById("demo8").innerHTML = a + "<br>" + b;
        
        let k = 0.2 + 0.1;
        document.getElementById("demo9").innerHTML = "0.2 + 0.1 = " + k;

        let m = 10;
        let n = 20;
        let o = m + n;
        document.getElementById("demo0").innerHTML = o;


        let p = "100";
        let l = "10";
        let u = p / l;   
        document.getElementById("demo11").innerHTML = u;

    //array
        const fruits = ["Banana", "Orange", "Apple", "Mango"];
        let size = fruits.length;
        document.getElementById("demo12").innerHTML = size;    

        const fruits2 = ["Banana", "Orange", "Apple", "Mango"];
        document.getElementById("demo13").innerHTML = fruits2.toString();

        const numbers = ["21", "22", "23", "24"];
        document.getElementById("demo21").innerHTML = numbers.pop();
        document.getElementById("demo22").innerHTML = numbers;

        const myGirls = ["Ben", "Lone"];
        const myBoys = ["Emil", "labiba", "jenny"];
        const myChildren = myGirls.concat(myBoys);
        document.getElementById("demo23").innerHTML = myChildren;

        const names = ["Ken", "Ben", "Ally", "Joe"];
        document.getElementById("demo24").innerHTML = names;
        nmaes.splice(0, 1);
        document.getElementById("demo25").innerHTML = names;


        
        

        const d = new Date("October 13, 2014 11:13:00");
        document.getElementById("demo14").innerHTML = d;












        function myFunction2(p1, p2) {
        return p1 * p2;
        }

        let result = myFunction2(4, 3);
        document.getElementById("demo16").innerHTML = result;

        









    
    </script>
</body>
</html>