Category: JavaScript

Sometimes, we want to add thousand separator with HTML number input with JavaScript.

In this article, we’ll look at how to add thousand separator with HTML number input with JavaScript.

How to add thousand separator with HTML number input with JavaScript?

To add thousand separator with HTML number input with JavaScript, we use the autoNumeric library.

To install it, we add

<script src="https://unpkg.com/autonumeric"></script>

Then we write

<input type="text" value="1234.56" />

to add an input.

Then we write

const domElement = document.querySelector("input");
const anElement = new AutoNumeric(domElement);

to select the input with querySelector.

And we convert it to an input with the thousand separator in its value by calling the AutoNumeric constructor with domElement.

Conclusion

To add thousand separator with HTML number input with JavaScript, we use the autoNumeric library.

Sometimes, we want to fix Uncaught TypeError: Cannot read property ‘value’ of undefined with JavaScript.

In this article, we’ll look at how to fix Uncaught TypeError: Cannot read property ‘value’ of undefined with JavaScript.

How to fix Uncaught TypeError: Cannot read property ‘value’ of undefined with JavaScript?

To fix Uncaught TypeError: Cannot read property ‘value’ of undefined with JavaScript, we should make sure we get the value property of an element.

For instance, we write

const el1 = document.getElementsByName("username")[0];
const el2 = document.getElementById("i1");

to get the first element with name attribute set to username with document.getElementsByName("username")[0].

And we get the element with ID i1 with document.getElementById("i1").

Conclusion

To fix Uncaught TypeError: Cannot read property ‘value’ of undefined with JavaScript, we should make sure we get the value property of an element.

Sometimes, we want to instantiate a JavaScript class in another JavaScript file.

In this article, we’ll look at how to instantiate a JavaScript class in another JavaScript file.

How to instantiate a JavaScript class in another JavaScript file?

To instantiate a JavaScript class in another JavaScript file, we have to make sure the file with the class is loaded before we instantiate the class.

For instance, we write

<script src="file1.js"></script>
<script src="file2.js"></script>

to load file.js before we load file2.js.

file1.js has the class.

And then we can instantiate the class in file2.js.

Conclusion

To instantiate a JavaScript class in another JavaScript file, we have to make sure the file with the class is loaded before we instantiate the class.

Sometimes, we want to read JSON response with Axios and JavaScript.

In this article, we’ll look at how to read JSON response with Axios and JavaScript.

How to read JSON response with Axios and JavaScript?

To read JSON response with Axios and JavaScript, we get the response body from the data property.

For instance, we write

try {
  const res = await axios.get("/end-point");
  console.log(res.data);
} catch (error) {
  // ...
}

to call axios.get to make a get request.

It returns a promise that has the response data.

We get the response body from res.data.

Conclusion

To read JSON response with Axios and JavaScript, we get the response body from the data property.