How to block a <a> tag with javascript

Question

I have a Step by Step I need to cancel the ticket to the next page...

This is my code :

  var nome = document.getElementById('nome').value;
  var resposta = true;
  if(nome == ''){

    var resposta = false;

  }
        if(resposta == false){

         //desabilitar <a>

        }else{

          //habilitar <a>
                 
        }
//esse é o meu link reponsavel por passar o step
<a href="#next" id="proximonext"  role="menuitem" >Proximo</a>

illustrative images

if I haven’t been clear , please don’t close my post , just ask that I give more details... thanks!!

Answer 1

If I understand "disable" correctly, you can do the following:

$("#proximonext").attr('href', 'javascript:void(0)');

And if the variable resposta has true as a value, replace the 'javascript:void(0)' by the desired link.

To understand the use of void with manipulation of the attribute href within Javascript, I recommend reading the Mozilla documentation.

I hope I’ve helped in some way.