Author: John Au-Yeung

Sometimes, we want to programmatically click on an element in JavaScript.

In this article, we’ll look at how to programmatically click on an element in JavaScript.

How to programmatically click on an element in JavaScript?

To programmatically click on an element in JavaScript, we can create a mouse event object and call dispatchEvent.

For instance, we write

const clickEvent = new MouseEvent("click", {
  view: window,
  bubbles: true,
  cancelable: false,
});
element.dispatchEvent(clickEvent);

to create the MouseEvent object that does a click.

We set the bubbles option to true to make it propagate to the parent.

cancelable set to false means it’s not cancelable.

Then we call element.dispatchEvent with clickEvent to trigger a click event on the HTML element.

Conclusion

To programmatically click on an element in JavaScript, we can create a mouse event object and call dispatchEvent.

Sometimes, we want to encode a JavaScript object as JSON.

In this article, we’ll look at how to encode a JavaScript object as JSON.

How to encode a JavaScript object as JSON?

To encode a JavaScript object as JSON, we use the JSON.stringify method.

For instance, we write

const json = JSON.stringify(values);

to call JSON.stringify with values to return a JSON string converted from the value of values object.

Conclusion

To encode a JavaScript object as JSON, we use the JSON.stringify method.

Sometimes, we want to print object array in JavaScript.

In this article, we’ll look at how to print object array in JavaScript.

How to print object array in JavaScript?

To print object array in JavaScript, we can use the console.log method.

For instance, we write

console.log(yourArray);

to call console.log to log the yourArray array into the console.

Conclusion

To print object array in JavaScript, we can use the console.log method.

Sometimes, we want to create a JavaScript string with new line but not using \n.

In this article, we’ll look at how to create a JavaScript string with new line but not using \n.

How to create a JavaScript string with new line but not using \n?

To create a JavaScript string with new line but not using \n, we can use template literals.

For instance, we write

const foo = `Bob
is
cool`;

to define the foo template literal.

Then whitespaces and new lines are preserved with template literals.

Conclusion

To create a JavaScript string with new line but not using \n, we can use template literals.

Sometimes, we want to get address location from latitude and longitude in Google Map.

In this article, we’ll look at how to get address location from latitude and longitude in Google Map.

How to get address location from latitude and longitude in Google Map?

To get address location from latitude and longitude in Google Map, we can make a request to an API endpoint.

For instance, we make a request to

https://maps.googleapis.com/maps/api/geocode/json?latlng=40.714224,-73.961452&key=YOUR_API_KEY

to get the address from the location with latitude 40.714224 and longitude -73.961452.

Conclusion

To get address location from latitude and longitude in Google Map, we can make a request to an API endpoint.