Interview Questions and Answers

Example:

```javascript
// Example using let
let x = 10;

// Example using const
const PI = 3.14;

// Example using var
var y = 5;
```

Example:

```css
.box {
  width: 200px;
  padding: 20px;
  border: 2px solid #000;
  margin: 10px;
}```

Example:

```javascript
console.log(5 == '5'); // true
console.log(5 === '5'); // false
```

Example:

```html


```

Example:

```javascript
// Example using Fetch API with CORS
fetch('https://api.example.com/data', { mode: 'cors' })
  .then(response => response.json())
  .then(data => console.log(data));
```

Example:

```javascript
function sayHello() {
  console.log('Hello, ' + this.name);
}

const person = { name: 'John' };
sayHello.call(person); // Outputs: Hello, John
```

Example:

```css
/* Using box-sizing: border-box */
div {
  box-sizing: border-box;
  width: 200px;
  padding: 10px;
  border: 5px solid #000;
}```

Example:

```javascript
function animate() {
  // Animation logic goes here
  requestAnimationFrame(animate);
}

// Start the animation
animate();
```

Example:

```css
/* Make the element non-interactive */
.non-interactive {
  pointer-events: none;
}```

Example:

```javascript
console.log(x); // Outputs: undefined
var x = 5;
```

Example:

```javascript
function outer() {
  let x = 10;
  function inner() {
    console.log(x);
  }
  return inner;
}

const closureExample = outer();
closureExample(); // Outputs 10
```

Example:

```css
#id-selector {
  color: red; /* higher specificity */
}

.class-selector {
  color: blue;
}
```

Example:

```javascript
// HTML: 
Item 1
Item 2

const list = document.getElementById('myList');
list.addEventListener('click', function(event) {
  if (event.target.tagName === 'LI') {
    console.log('Clicked on:', event.target.textContent);
  }
});
```

Example:

```javascript
function createCounter() {
  let count = 0;
  return function() {
    console.log(count++);
  };
}

const counter = createCounter();
counter(); // Outputs: 0
counter(); // Outputs: 1
```