Category: JavaScript

Sometimes, we want to set button text via JavaScript.

In this article, we’ll look at how to set button text via JavaScript.

How to set button text via JavaScript?

To set button text via JavaScript, we set the textContent property.

For instance, we write

const b = document.createElement("button");
b.textContent = "test value";

const wrapper = document.getElementById("divWrapper");
wrapper.appendChild(b);

to create a button with createElement.

The we set its text by setting the textContent property.

Then we get the parent of the button with getElementById.

And finally we call wrapper.appendChild with b to add the button as the last child of the wrapper.

Conclusion

To set button text via JavaScript, we set the textContent property.

Sometimes, we want to disable scrolling in an iPhone web application with JavaScript.

In this article, we’ll look at how to disable scrolling in an iPhone web application with JavaScript.

How to disable scrolling in an iPhone web application with JavaScript?

To disable scrolling in an iPhone web application with JavaScript, we prevent the default behavior when we touch the screen.

For instance, we write

document.addEventListener("touchstart", (e) => {
  e.preventDefault();
});

to listen to the touchstart event on the document with addEventListener.

In the event listener, we call e.preventDefault to stop scrolling when we touch the screen.

Conclusion

To disable scrolling in an iPhone web application with JavaScript, we prevent the default behavior when we touch the screen.

Sometimes, we want to compare dates with the isSame() function in moment.js and JavaScript.

In this article, we’ll look at how to compare dates with the isSame() function in moment.js and JavaScript.

How to compare dates with the isSame() function in moment.js and JavaScript?

To compare dates with the isSame() function in moment.js and JavaScript, we call isSame with another moment object.

For instance, we write

const x = moment("28-02-2022", "DD-MM-YYYY");
const isSame = x.isSame(moment("28-02-2022", "DD-MM-YYYY"));

to call isSame with a moment object created with moment to check if it’s the same as x.

It should return true since x is the same as what we called isSame with.

Conclusion

To compare dates with the isSame() function in moment.js and JavaScript, we call isSame with another moment object.

Sometimes, we want to get all elements in the body tag using pure JavaScript.

In this article, we’ll look at how to get all elements in the body tag using pure JavaScript.

How to get all elements in the body tag using pure JavaScript?

To get all elements in the body tag using pure JavaScript, we use the getElementsByTagName method.

For instance, we write

const elems = document.body.getElementsByTagName("*");

to call the getElementsByTagName method on the body element with '*' to get all the elements in the body element.

Conclusion

To get all elements in the body tag using pure JavaScript, we use the getElementsByTagName method.