Category: JavaScript

Sometimes, we want to convert 12 hour (AM/PM) string to 24 hour string using moment.js and JavaScript.

In this article, we’ll look at how to convert 12 hour (AM/PM) string to 24 hour string using moment.js and JavaScript.

How to convert 12 hour (AM/PM) string to 24 hour string using moment.js and JavaScript?

To convert 12 hour (AM/PM) string to 24 hour string using moment.js and JavaScript, we use the format method.

For instance, we write

const dt = moment("12:15 AM", ["h:mm A"]).format("HH:mm");

to create a moment object from the time string with moment.

Then we format it into a 24 hour time string by calling format with 'HH:mm'.

Conclusion

To convert 12 hour (AM/PM) string to 24 hour string using moment.js and JavaScript, we use the format method.

Sometimes, we want to set inline styles with React.

In this article, we’ll look at how to set inline styles with React.

How to set inline styles with React?

To set inline styles with React, we set the style prop of an element.

For instance, we write

<span
  style={{ fontSize: 1.7 + "em" }}
  className="glyphicon glyphicon-remove-sign"
></span>

to set the fontSize property to set the font-size CSS property inline.

Conclusion

To set inline styles with React, we set the style prop of an element.

Sometimes, we want to go full screen on click with JavaScript.

In this article, we’ll look at how to go full screen on click with JavaScript.

How to go full screen on click with JavaScript?

To go full screen on click with JavaScript, we use the requestFullscreen method.

For instance, we write

const elem = document.getElementById("myvideo");
elem.requestFullscreen();

to select the element with getElementById.

Then we request the element to go full screen with elem.requestFullscreen.

Conclusion

To go full screen on click with JavaScript, we use the requestFullscreen method.

Sometimes, we want to check whether multiple values exist within an JavaScript array.

In this article, we’ll look at how to check whether multiple values exist within an JavaScript array.

How to check whether multiple values exist within an JavaScript array?

To check whether multiple values exist within an JavaScript array, we use the array every and includes methods.

For instance, we write

const containsAll = arr1.every((i) => arr2.includes(i));

to call every with a function that returns whether item i in arr is in the array arr2 with includes.

If every element of arr1 is in arr2, then true is returned.

Conclusion

To check whether multiple values exist within an JavaScript array, we use the array every and includes methods.