Author: John Au-Yeung

Sometimes, we want to convert string to number in JavaScript.

In this article, we’ll look at how to convert string to number in JavaScript.

How to convert string to number in JavaScript?

To convert string to number in JavaScript, we can use the Number, parseInt, parseFloat functions, or the unary + operator.

For instance, we write

const num = Number(x);

or

const num = parseInt(x, 10);

or

const num = parseFloat(x);

or

const num = +x;

to convert string x to a number with the Number, parseInt, parseFloat functions, or the unary + operator.

Unary +, Number and parseFloat convert x to an floating point number.

And parseInt converts x to an integer.

parseInt takes the radix as a 2nd argument. 10 means we parse x into a decimal number.

Conclusion

To convert string to number in JavaScript, we can use the Number, parseInt, parseFloat functions, or the unary + operator

Sometimes, we want to remove disabled attribute from HTML input with JavaScript.

In this article, we’ll look at how to remove disabled attribute from HTML input with JavaScript.

How to remove disabled attribute from HTML input with JavaScript?

To remove disabled attribute from HTML input with JavaScript, we set the disabled property to false.

For instance, we write

document.getElementById("my-input-id").disabled = false;

to select the input with getElementById.

Then we set its disabled property to false to remove the disabled attribute from the input.

Conclusion

To remove disabled attribute from HTML input with JavaScript, we set the disabled property to false.

Sometimes, we want to fix select not rendering with Materialize CSS.

In this article, we’ll look at how to fix select not rendering with Materialize CSS.

How to fix select not rendering with Materialize CSS?

To fix select not rendering with Materialize CSS, we wait for the DOM to be loaded completely before we apply the styles for the select drop downs.

For instance, we write

document.addEventListener("DOMContentLoaded", () => {
  const elems = document.querySelectorAll("select");
  const instances = M.FormSelect.init(elems);
});

to listen for the DOMContentLoaded event to see when the DOM finishes loading.

The callback runs when the DOM finishes loading.

In it, we select all the select elements with querySelectorAll.

And then we call M.FormSelect.init on the elems node list which has the select elements.

Conclusion

To fix select not rendering with Materialize CSS, we wait for the DOM to be loaded completely before we apply the styles for the select drop downs.