How to Alert for Multiple Text Matches in JavaScript

Discover how to create alerts for multiple text matches in JavaScript using arrays and loops. This informative guide simplifies the process for you!
---

Visit these links for original content and any more details, such as alternate solutions, latest updates/developments on topic, comments, revision history etc. For example, the original title of the Question was: Alert if multi text found in javascript

If anything seems off to you, please feel free to write me at vlogize [AT] gmail [DOT] com.
---
How to Alert for Multiple Text Matches in JavaScript

When working with JavaScript, you might find yourself needing to check if certain words or phrases exist on a webpage. Perhaps you want to display an alert each time one of those words is found. While it's relatively straightforward to detect a single word, what if you need to search for multiple words? In this guide, we’ll go through a simple solution to this problem, making it easy and efficient to check for any number of keywords on a webpage.

The Initial Code

Let’s take a look at the code that detects a single keyword:

[[See Video to Reveal this Text or Code Snippet]]

This code waits for the page to load and then checks if the word "HELLO" is present in the text content of the page. If it's found, an alert is triggered. If not, the page reloads after a few seconds.

Expanding to Multiple Words

To enable the detection of multiple words, you can modify the code by using an array to store the words you want to check. Here’s how you can make that adjustment:

Step-by-Step Breakdown

Create an Array of Words: Instead of a single word, you’ll store all the words you want to look for in an array.

Use forEach to Iterate: Loop through each word in the array using the forEach() method to check for its presence on the page.

Set a Flag for Found Text: Introduce a boolean variable to track whether any of the words were found during the iteration.

Alert Found Words: Modify the alert to specify which words were found.

Here’s the revised code:

[[See Video to Reveal this Text or Code Snippet]]

Key Changes in the Code

Array Declaration: var lookFor = ["HELLO", "World", "Fox", "Number"]; creates an array to hold all the keywords.

Conditional Alerts: If a word is found, an alert specifies which word was detected.

Reload Logic: If none of the words are found, the page reloads.

Conclusion

By following the steps outlined above, you’ve extended the capability of your JavaScript code to detect and alert for multiple keywords on a webpage. This technique is not only practical for simple tasks, but it can also be expanded for more complex web applications requiring keyword detection. Now, you can confidently search for various terms without repeatedly writing separate conditions for each word!

Feel free to adapt this code to suit your specific needs, and happy coding!