Lecture 30

 Index.html

<!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>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
        integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
        crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
        integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
        crossorigin="anonymous"></script>

</head>

<body>

    <div class="navbar navbar-expand-md navbar-dark bg-dark">
        <div class="container">
            <a href="" class="navbar-brand">
                Coffee Place
            </a>

            <button class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#menu">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="menu">

                <ul class="navbar-nav me-auto">
                    <li class="nav-item">
                        <a href="" class="nav-link">
                            Home
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="" class="nav-link">
                            About
                        </a>
                    </li>
                    <li class="nav-item dropdown">
                        <a href="" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
                            Menu
                        </a>

                        <ul class="dropdown-menu ">
                            <li><a href="" class="dropdown-item">Coffee</a></li>
                            <li><a href="" class="dropdown-item">Tea</a></li>
                        </ul>


                    </li>
                    <li class="nav-item">
                        <a href="" class="nav-link">
                            Contact
                        </a>
                    </li>
                </ul>

                <form action="" class="d-flex">
                    <input type="search" class="form-control">
                    <button class="btn btn-outline-success ms-3"> Search</button>
                </form>
            </div>
        </div>
    </div>


    <!-- <script src="js/script.js"></script> -->

</body>

</html>


Script.js






// function sum(val1, val2) {


//     // console.log(parseInt(val1) + parseInt(val2))

//     return val1 + val2
// }


// console.log(sum(200, 30))
// let result = sum(10, 20)
// console.log(result + 10)


// sum(040, 4000)
// sum(020, 300)
// sum("20", 300)


let sum = () => {

    // let fName = "bilal", lName = "javed"

    // console.log(`hello ${fName} your last name is ${lName}`)



    let a = 10, b = 30

    console.log("the Sum of " + a + " and " + b + " is " + (a + b))
    console.log(`The sum of ${a} and ${b} is: ${a + b}`)







}


sum()


Comments