input type search clear event

ByAnurag batra August 6, 2022June 30, 2022

document.getElementById('searchInput').addEventListener('input', (e) => {
  console.log(`Input value: "${e.currentTarget.value}"`);
})

Here is what the above code is Doing:
1. We’re adding an event listener to the input element with the id of searchInput.
2. The event listener is listening for the input event.
3. When the input event is fired, we’re logging the value of the input element to the console.

The input event is fired every time the value of the input element changes.

Let’s add an event listener to the input element with the id of searchInput.

The event listener should listen for the input event.

When the input event is fired, log the value of the input element to the console.

how to tell the javascript to wait until the site loads in the html

Javascript Examples

how to tell the javascript to wait until the site loads in the html

ByAnurag batra July 6, 2022June 30, 2022

use the ‘defer’ keyword Here is what the above code is Doing: 1. The browser loads the HTML and sees the script tag. 2. The browser loads the script.js file and executes the code. 3. The browser continues to load the HTML. 4. The browser renders the HTML.

Javascript Examples

jest array contain object with prop

ByAnurag batra July 5, 2022June 30, 2022

expect(state).toEqual( // 1 expect.arrayContaining([ // 2 expect.objectContaining({ // 3 type: ‘END’ // 4 }) ]) ) Here is what the above code is Doing: 1. We’re expecting the state to be an array containing an object. 2. We’re expecting the state to be an array containing an object. 3. We’re expecting the state to be…

Javascript Examples

image react native

ByAnurag batra July 13, 2022June 30, 2022

//Local import (relative path) //External import (web path) you should specify the width and height Here is what the above code is Doing: 1. The first component is using a local image. 2. The second component is using an image from the web. 3. The third component is using an image from the web, but…

Javascript Examples

local storage check if key exists

ByAnurag batra July 14, 2022June 30, 2022

if (localStorage.getItem(“username”) === null) { //… } Here is what the above code is Doing: 1. First, we check to see if the username key exists in localStorage. 2. If it doesn’t, we set the username key to the value of the username input. 3. If it does, we set the username input to the…

Javascript Examples

how accurate is pi javascript

ByAnurag batra July 5, 2022June 30, 2022

Math.PI; // 3.14152653589793 // accurate to 15 digits (including ones place) Here is what the above code is Doing: 1. We’re creating a variable called pi and assigning it the value of Math.PI. 2. We’re printing the value of pi to the console. 3. We’re printing the value of Math.PI to the console.

Javascript Examples

js get hostname from url

ByAnurag batra July 13, 2022June 30, 2022

url = “http://www.example.com/path/to/somwhere”; urlParts = /^(?:\w+\:\/\/)?([^\/]+)([^\?]*)\??(.*)$/.exec(url); hostname = urlParts[1]; // www.example.com path = urlParts[2]; // /path/to/somwhere Here is what the above code is Doing: 1. The first line is the URL we want to parse. 2. The second line is the regular expression. 3. The third line is the actual parsing. 4. The fourth line…

Similar Posts