Скачать или смотреть Redirecting in JavaScript: How to Choose a Link with Title and Year Parameters

Learn how to effectively use JavaScript to redirect to a specific link based on two parameters: `title` and `year`. This guide provides clear solutions and tips to improve your code.
---
This video is based on the question https://stackoverflow.com/q/66902295/ asked by the user 'IlTvrco' ( https://stackoverflow.com/u/11292405/ ) and on the answer https://stackoverflow.com/a/66903422/ provided by the user 'Zak' ( https://stackoverflow.com/u/15529726/ ) at 'Stack Overflow' website. Thanks to these great users and Stackexchange community for their contributions.

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: choose a link with 2 parameters using javascript

Also, Content (except music) licensed under CC BY-SA https://meta.stackexchange.com/help/l...
The original Question post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license, and the original Answer post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license.

If anything seems off to you, please feel free to write me at vlogize [AT] gmail [DOT] com.
---
Introduction

In the world of web development, JavaScript often plays a crucial role in creating dynamic and interactive web applications. A common requirement when automating functions on a website is the ability to navigate to a specific link that is identified by multiple criteria. In this guide, we will explore how to redirect to a link using both a title and a year parameter.

If you've ever faced the challenge of needing to specify two parameters to redirect to the correct link, you'll understand how important it is to have your logic in order. Let’s dive into an effective solution to this problem.

The Problem at Hand

Imagine you have a set of links structured like this:

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

You want to be able to navigate directly to /title3 when both Title 3 and year1 are present. Initially, you might have attempted to filter your links with only one parameter, which won't yield the desired results.

The Solution

Using the && Operator

The key to solving this problem is the use of the && (AND) operator in your condition, which allows you to check for multiple conditions at once. By employing this operator, you can ensure that both the title and year must be present for the desired action to be executed.

Implementing the Function

Here's how you can write a function to achieve this:

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

Explanation of the Code

Access Stored Data: Use chrome.storage.sync.get to retrieve the title you want to check against.

Get Links: Use document.getElementsByClassName('article-link') to grab all the links in your markup.

Loop Through Links: Iterate through the links to find the one containing both the desired title and year.

Check Conditions: Inside the loop, check if the parent element's text includes both parameters using includes.

Redirect: Once a matching link is found, use chrome.runtime.sendMessage to perform the redirect.

Conclusion

By using the && operator alongside proper parent element checks, you can effectively redirect to a specific link that meets both criteria (title and year). This approach not only resolves your problem but also ensures that your code is efficient and easy to understand.

Feel free to adapt this code as per your project's requirements, and happy coding!