Author: John Au-Yeung

Web developer specializing in React, Vue, and front end development.

Categories
JavaScript Answers

How to use a regex to remove letters and symbols except numbers with JavaScript?

Labrador retriever puppy walking on green grass

Sometimes, we want to use a regex to remove letters and symbols except numbers with JavaScript.

In this article, we’ll look at how to use a regex to remove letters and symbols except numbers with JavaScript.

How to use a regex to remove letters and symbols except numbers with JavaScript?

To use a regex to remove letters and symbols except numbers with JavaScript, we can use the string replace method.

For instance, we write

const removedText = str.replace(/\D+/g, "");

to call str.replace with /\D+/g and an empty string to return a new string with the non-digit characters in str removed.

Conclusion

To use a regex to remove letters and symbols except numbers with JavaScript, we can use the string replace method.

Categories
HTML

How to make an HTML form with two submit buttons and two “target” attributes?

Labrador retriever puppy walking on green grass

Sometimes,. we want to make an HTML form with two submit buttons and two "target" attributes.

In this article, we’ll look at how to make an HTML form with two submit buttons and two "target" attributes.

How to make an HTML form with two submit buttons and two "target" attributes?

To make an HTML form with two submit buttons and two "target" attributes, we add the formaction attribute to each button.

For instance, we write

<!DOCTYPE html>
<html>
  <body>
    <form>
      <input
        type="submit"
        formaction="firsttarget.php"
        value="Submit to first"
      />
      <input
        type="submit"
        formaction="secondtarget.php"
        value="Submit to second"
      />
    </form>
  </body>
</html>

to set the formaction attribute of each button to the URL to make the request to when we click on it.

Conclusion

To make an HTML form with two submit buttons and two "target" attributes, we add the formaction attribute to each button.

Categories
JavaScript Answers

How to search an array for matching attribute with JavaScript?

Labrador retriever puppy walking on green grass

Sometimes, we want to search an array for matching attribute with JavaScript.

In this article, we’ll look at how to search an array for matching attribute with JavaScript.

How to search an array for matching attribute with JavaScript?

To search an array for matching attribute with JavaScript, we use the array find method.

For instance, we write

const restaurants = [
  { restaurant: { name: "McDonald's", food: "burger" } },
  { restaurant: { name: "KFC", food: "chicken" } },
  { restaurant: { name: "Pizza Hut", food: "pizza" } },
];

const chickenRestaurant = restaurants.find((item) => {
  return item.restaurant.food === "chicken";
});

to call restaurants.find with a callback that returns the first object in restaurants that has the restaurant.food property equal to 'chicken'.

Conclusion

To search an array for matching attribute with JavaScript, we use the array find method.

Categories
JavaScript Answers

How to exclude one particular field from a collection in Mongoose and JavaScript?

Labrador retriever puppy walking on green grass

Sometimes, we want to exclude one particular field from a collection in Mongoose and JavaScript.

In this article, we’ll look at how to exclude one particular field from a collection in Mongoose and JavaScript.

How to exclude one particular field from a collection in Mongoose and JavaScript?

To exclude one particular field from a collection in Mongoose and JavaScript, we call the select method.

For instance, we write

const products = await Product.find().select(["-image"]);

to call select with an array with "-image" to exclude the image field from the returned results.

Conclusion

To exclude one particular field from a collection in Mongoose and JavaScript, we call the select method.

Categories
Angular Answers

How to fix Cannot find module ‘typescript’ in Angular?

Labrador retriever puppy walking on green grass

Sometimes, we want to fix Cannot find module ‘typescript’ in Angular.

In this article, we’ll look at how to fix Cannot find module ‘typescript’ in Angular.

How to fix Cannot find module ‘typescript’ in Angular?

To fix Cannot find module ‘typescript’ in Angular, we run a few npm commands.

We run

npm install -g typescript

to install the typescript module.

And then we run

npm link typescript

to make the typescript module available to the Angular project.

Conclusion

To fix Cannot find module ‘typescript’ in Angular, we run a few npm commands.