Category: JavaScript

Sometimes, we want to call a JavaScript function from console.

In this article, we’ll look at how to call a JavaScript function from console.

How to call a JavaScript function from console?

To call a JavaScript function from console, we just type in the code to define the function and call it.

For instance, we type

const myFunction = () => {
  alert("doing something!");
};
myFunction();

into the console to define the myFunction function and call it.

Then we should see an alert box that shows ‘doing something!’.

Conclusion

To call a JavaScript function from console, we just type in the code to define the function and call it.

Sometimes, we want to use CSS selector for targeting only immediate children and not other identical descendants.

In this article, we’ll look at how to use CSS selector for targeting only immediate children and not other identical descendants.

How to use CSS selector for targeting only immediate children and not other identical descendants?

To use CSS selector for targeting only immediate children and not other identical descendants, we can use the > operator.

For instance, we write

ul > li

to select the li elements that are the immediate children of a ul element.

Conclusion

To use CSS selector for targeting only immediate children and not other identical descendants, we can use the > operator.

Sometimes, we want to get HTML elements by their attribute names with JavaScript.

In this article, we’ll look at how to get HTML elements by their attribute names with JavaScript.

How to get HTML elements by their attribute names with JavaScript?

To get HTML elements by their attribute names with JavaScript, we can use the querySelectorAll method.

For instance, we write

const els = document.querySelectorAll("[property]");
const els2 = document.querySelectorAll('[property="value"]');

to call querySelectorAll with "[property]" to select all the elements with the property attribute and return a node list with the elements.

And we call querySelectorAll with "[property="value"]" to select all the elements with the property attribute set to value and return a node list with the elements.

Conclusion

To get HTML elements by their attribute names with JavaScript, we can use the querySelectorAll method.

Sometimes, we want to insert text in a td with ID using JavaScript.

In this article, we’ll look at how to insert text in a td with ID using JavaScript.

How to insert text in a td with ID using JavaScript?

To insert text in a td with ID using JavaScript, we set the innerHTML property.

For instance, we write

document.getElementById("td1").innerHTML = "Some text to enter";

to select the td element with getElementById.

Then we set its innerHTML property to the text we want to show in the td element.

Conclusion

To insert text in a td with ID using JavaScript, we set the innerHTML property.

Sometimes, we want to listen for the click event for a marker in Leaflet.

In this article, we’ll look at how to listen for the click event for a marker in Leaflet.

How to listen for the click event for a marker in Leaflet?

To listen for the click event for a marker in Leaflet, we can use the on method.

For instance, we write

L.marker([10.496093, -66.881935])
  .addTo(map)
  .on("click", (e) => {
    console.log(e.latlng);
  });

to call L.marker with an array with the longitude and latitude to create a marker.

Then wee call addTo to add it to the map.

And then we call on to add a click listener.

In the click listener, we get the latitude and longitude with e.latlng.

Conclusion

To listen for the click event for a marker in Leaflet, we can use the on method.