Как убрать решётку в адресной строке при нажатии на ссылку?

Question

[iddimon3]

href='#' class="tablinks" id="orders">Заказы

На главной странице он не должен никак реагировать, но и решётку показывать тоже не хочется.

Comments

[Егор Соколов]

Вместо # можно написать javascript:void(0); Или просто javascript:;

[Михаил Р.]

Используйте button

[iddimon3]

Егор Соколов, Блин спасибо, я думал никогда не решу.

Answer 1

[Сергей delphinpro]

Так работает html
Единственный вариант – ловить клики по ссылкам и предотвращать их поведение по умолчанию

document.querySelectorAll('a[href^=#]').forEach(link => {
  link.addEventListener('click', e => {
    e.preventDefault();
    //....
  });
})

Answer 2

[Semantic.Moscow]

document.addEventListener('click',function(z){
if(z.target.tagName==='A'){
let h=new URL(z.target.href).hash;
if(h !=''){
z.preventDefault();
let b=document.getElementById(h.replace('#','')); // убрал решётку
b.scrollIntoView({block:'center',behavior:'smooth'});}}}); // отправил к центру блока с ID который был после решётки