Make notepad with dom

 <!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>My Text Editor</h1>
<p></p>
<input placeholder="type something" id="text">
  <script src="index.js"></script>
</body>

</html>

let inp = document.querySelector("#text")
let p = document.querySelector("p")

inp.addEventListener("input", function(){
    console.log(inp.value);
    p.innerText = inp.value
})

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