/* This is an example of attribute selector. The specificity of this selector is 10 */
        [data-x=a] {
            color: maroon;
        }
         <div>
        <h1 class="yellow cred cpurple" data-x="a">CSS Specificity</h1>
    </div>

.container {
    display: flex;
    justify-content: center; /* Aligns items horizontally in the center */
    align-items: center; /* Aligns items vertically in the center */
    align-content : center; // for multiple rows
    flex-wrap: wrap;

}

/* Hides horizontal overflow content */
overflow-x: hidden;

/* Adds a vertical scrollbar if content overflows vertically */
overflow-y: scroll;

/* Adds scrollbars only if content overflows */
overflow: auto;

/* Prevents text from wrapping to the next line */
white-space: nowrap;

/* Adds an ellipsis (...) to indicate overflowed text */
text-overflow: ellipsis;

/* Positions the element absolutely within the nearest positioned ancestor */
jis k mein bhi positive relative hogi static nhi hogi usmein uske according hi ye kaam karega 
    position: absolute;
     top: 0px;
     left:3px;
// it is used to overlap on thing into another
     z-index: 2000px
    // it is used to fixed the complete position 
      /* position: fixed;
 Exception: transform, filter, or perspective properties can also make an element appear as positioned */
//https://developer.mozilla.org/en-US/docs/Web/CSS/perspective

jo bhi text hum  kisi buttonn k ander rakhte hai 
input::placeholder {
            color: red;
        }
<input type="text" placeholder="placeholder color">

for(i=0;i<document.querySelectorAll(".drum").length;i++){
document.querySelectorAll("button")[i].addEventListener("click",function ayush(){
    alert("you clicked me mf ");
});
}

Yes, exactly. Your code iterates through all elements with the class "drum" (which are presumably buttons in your case),
and for each button found, it adds an event listener that triggers when that button is clicked. This way, every button gets
the same event listener attached to it, which displays an alert message when clicked. So, it first selects
 all the buttons with the class "drum" and then adds the event listener to each one sequentially.

// Constructor function for creating a Person object
function Person(name, age, gender) {
    this.name = name;
    this.age = age;
    this.gender = gender;
    
    // Method to display information about the person
    this.displayInfo = function() {
        console.log(`Name: ${this.name}, Age: ${this.age}, Gender: ${this.gender}`);
    };
}

// Creating instances of Person using the constructor
let person1 = new Person('Alice', 30, 'Female');
let person2 = new Person('Bob', 25, 'Male');

// Using the displayInfo method to show information
person1["name"]; is same as person1.name
person1.displayInfo(); // Output: Name: Alice, Age: 30, Gender: Female
person2.displayInfo(); // Output: Name: Bob, Age: 25, Gender: Male


  console.log("Original Object:", obj);
// object ki key miljati hai 
Object.keys()
//value mil jaati hai 
Object.values()
//ye key and value alag alag arrays mein dal dete hai 
Object.entries()


  let newObj = Object.assign({}, obj, { newProperty: "newValue" });
  console.log("After Object.assign():", newObj);
}

class Animal {
  constructor(name, legCount) {
    this.name = name
    this.legCount = legCount
  }

document.addEventListener('keydown', function(event) {
    console.log(event.keyCode); // Logs the key code, e.g., 13 for "Enter", 65 for "a"
});

In essence, when a button with the class "btn" is clicked, its ID is extracted and then passed to another function (handler) for additional operations based on that ID.
This pattern is commonly used to trigger specific actions or behaviors based on which button was clicked.

$(".btn").click(function() {
    var clickedColor = $(this).attr('id'); 
    handler(clickedColor) ;

setTimeout(function () {
            $("body").removeClass("game-over");
        }, 200);

$(document).keypress(function () {
    if (!gameStarted) {
        $("#level-title").text("Level " + level);
        nextSequence();
        gameStarted = true;
    }
});

let currentDate = new Date();
console.log(currentDate);
.getMonth
.getHour
.getTime

// hum class ko string bana kr bhejte hai kyuki kahi kahi class nhi hoti toh usko string bana dete hai toh, wapis class mein bannae k 
hum parese use krte hai hai 
# jsom
const sampleJSONString =
  '{"key": "value", "number": 42, "nested": {"nestedKey": "nestedValue"}}';
//and normal class ko string mein dena ho toh stringify use krte hai 
  // Parsing JSON string to JavaScript object
  let parsedObject = JSON.parse(jsonString);
  

  
  let jsonStringified = JSON.stringify(parsedObject);
  console.log("After JSON.stringify():", jsonStringified);

const fs = require('fs');

const content = 'Hello, World!';

fs.writeFile('example.txt', content, (err) => {
    if (err) {
        console.error('Error writing file:', err);
    } else {
        console.log('File written successfully');
    }
});

const fs = require('fs').promises;

const content = 'Hello, World!';

fs.writeFile('example.txt', content)
    .then(() => {
        console.log('File written successfully');
    })
    .catch((err) => {
        console.error('Error writing file:', err);
    });

Here's a brief explanation of the corrected code:

imput mein kuch text likhenge toh oninput fuction call krdega like on click 
<input oninput="ayush()" id ="second" type="text" placeholder="time">
    <button onclick="ayush()"> calculate sum</button>

When you define headers({ title }), you are saying that the headers function expects an object as its argument, and 
you want to extract the title property from that object and directly assign it to a variable called titl

function headers({ title }) {
  return <div> 
    {title}
  </div>
}

 // fetch is returning the promise
        function getAnimalDataOld() {
            fetch("https://fakerapi.it/api/v1/persons")
                .then(function (response) {
                    // response.json() is also giving promise pending 
                    // hence we have to make it await as well 
                    response.json()
                        .then(function (finaldata) {
                            console.log(finaldata)
                        })
                })
        }

        // same function in the async/await format
        async function getAnimalData() {
            const response = await fetch("https://fakerapi.it/api/v1/persons");
            const finaldata = await response.json();
            console.log(finaldata);
            document.getElementById("ayush").innerHTML = JSON.stringify(finaldata.data);
        }
    </script>