dom basic practice


<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>replit</title>
  <link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<h1>This is heading</h1>
<div class="box"></div>
  <script src="index.js"></script>
</body>

</html>













body{
    text-align: center;
}

div{
    height: 100px;
    width: 1000px;
    border: 1px solid black;
    margin: auto;
}



let h1 = document.querySelector("h1")

h1.addEventListener("click", function(){
    console.log("h1 was clicked");
})

let box = document.querySelector(".box")
box.addEventListener("mouseenter", function(){
    console.log("mouse inside the box");
})

Comments

Post a Comment

Popular posts from this blog

practice test of Arithmetic Operations:

 Creating 200 practice questions for arithmetic operations might be excessive, but I can provide you with a set of varied questions to practice arithmetic operations in JavaScript. Here's a collection of 20 practice questions: 1. **Question**: Perform addition: 5 + 3    **Answer**:     ```javascript    let sum1 = 5 + 3; // Answer: 8    ``` 2. **Question**: Perform subtraction: 10 - 4    **Answer**:     ```javascript    let difference1 = 10 - 4; // Answer: 6    ``` 3. **Question**: Perform multiplication: 7 * 6    **Answer**:     ```javascript    let product1 = 7 * 6; // Answer: 42    ``` 4. **Question**: Perform division: 20 / 4    **Answer**:     ```javascript    let quotient1 = 20 / 4; // Answer: 5    ``` 5. **Question**: Perform addition: -8 + 5    **Answer**:     ```javascript...
Read more