Document Object Module DOM usecapture tutorial in JavaScript

October 08, 2024

<!DOCTYPE html>

<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scal=1.0, shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>DOM usecapture JavaScript</title>
    <link rel="stylesheet" href="css/usecapture.css">
</head>

<body>
    <div id="outer">
        <h2>Outer</h2>
        <div id="inner">
            <h2>Inner</h2>
        </div>
    </div>
    <script src="js/usecapture.js"></script>
</body>

</html>




Below File is css/usecapture.css File
#outer {
    width: 500px;
    height: 500px;
    margin: 0 auto;
    background: #ffa07a;
}

#inner {
    width: 300px;
    height: 300px;
    margin: 100px auto 0;
    background: #ba55d3;
}