Изменение текста при наведении курсора мыши на гиперссылку

Question

Итак, вы, вероятно, знаете, когда вы наводите курсор на гиперссылку , в левом нижнем углу появляется эта маленькая серая рамка (я не знаю, есть ли она только в Chrome), которая указывает ссылка, в данном случае example.com.

Мне было интересно, есть ли способ изменить или удалить текст без перенаправления через метод javascript.
Например: я хочу создать тест с двумя вариантами в виде гиперссылок. При наведении курсора на одну гиперссылку будет написано: «correct.html», а на другой: «false.html».
Я знаю, что могу просто использовать форму, но есть ли способ, при котором гиперссылка напрямую перенаправляет на страницу?

<a href="http://example.com>example</a>

Answer 1

Мы можем удалить href и заменить его на onclick. Он полностью удалит ссылку, показанную внизу, и все равно будет перенаправлять на нужную ссылку.

<a onclick="location.href='http://example.com/'" rel="nofollow noreferrer">
    Hyperlink
</a>

и если вы все еще хотите, чтобы href был иметь контент и каким-то образом обмануть их. Сделать это можно так.

href="#HiStudents"