How to Use target='_blank' with location.assign() in JavaScript

Learn how to open a page in a new tab using JavaScript while keeping your code clean and efficient.
---

If anything seems off to you, please feel free to write me at vlogize [AT] gmail [DOT] com.
---
Opening a New Page in a Different Tab with JavaScript

In this post, we’ll dive into how to modify your JavaScript code to allow a new page to load in a new tab, providing a more user-friendly experience. Let's unpack this solution step by step.

Understanding the Problem

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

Objective

The Solution

Here’s how to modify your code

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

Explanation of the Code

The URL you want to navigate to, which in your case is the edit page with a dynamic note ID.

The second parameter ("_blank") specifies that the new page should open in a new tab.

uuidv4(): This function generates a unique identifier for each note, ensuring that the edit page URL is unique for every note.

Conclusion

Additional Note

If you wonder how to convert an anchor tag link into a new tab in your HTML using target="_blank", you can simply implement the following HTML structure:

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

This ensures that any click on the link will open the edit page in a new tab.

Feel free to reach out if you have further questions or need assistance with other JavaScript functionalities!