How do I create a link without the URL being visible in Javascript?

Question

As part of printing the console.log for a Javascript project, I need to print a URL without showing it to the user. It should work like this: Click Here

Upon clicking the 'Click Here' text, I should be able to redirect the user to the given link, and the user should not get to see the link.

Request someone to help with this.

Answer 1

您如何看待这个解决方案？

<a onClick="window.location.href='https://google.com';"/>

Answer 2

You will need a href attribute to your anchor tag. This href will be shown to the user in the bottom left. But you could do something like this:

<a href="javascript:void(0)" onclick="location.href='http:\\www.google.com'">Link</a>

The javascript in the href will do literally nothing. And the javascript in the onclick function will redirect to the link.

Unfortunately the user sees something like this in the bottom left:

Answer 3

May be little indirect way like this.

<a href="javascript:var w=window,a2b=w.atob;w.location=a2b(a2b('YUhSMGNITTZMeTluYjI5bmJHVXVZMjl0'))"> Click Here </a>

Its actually very simple. Just using base64 encoded value twice (or some other encryption logic).

But note any client side code is never secure.

Example: If you use encryption, there is no way you can call decryption without storing the key in client variable.