Изменение фона ссылки

var link = document.getElementById('test'); 
link.classList.add("deactive"); 
document.getElementById('123').addEventListener('input', function() { 
  link.style['pointer-events'] = 'initial'; 
  if (/ДА/gi.test(this.value)) { 
    link.href = 'yes'; 
    link.innerText = 'Перейти ->'; 
link.classList.remove("deactive"); 
  }else { 
  link.removeAttribute('href'); 
    link.innerText = 'Введите "ДА"'; 
    link.classList.add("deactive"); 
  }   
}, false);

.deactive { 
margin-left:40px; 
background-color: red; 
color:white; 
}

<input value='' name='name' id=123> 
<a id='test'>Введите "ДА"</a>

// Для смены цвета фона используется конструкция .style.background на элемент со ссылкой 
function changeLink() { 
  document.getElementById('link').style.background = this.value; 
}; 
var input = document.getElementsByTagName("INPUT")[0]; 
input.oninput = changeLink; // присоединяем функцию выше к событию изменения значения в текстовом поле. 
changeLink.apply(input); // это чтобы цвет применился сразу 

<input type="text" value="red" /> 
<a id="link" href="#" text="11">Send</a>

function test(){ 
  if($('#input').val() != 4){ 
    $('#link').addClass('error'); 
  }else{ 
    $('#link').removeClass('error'); 
  } 
}

.error{ 
  background-color: red; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<label>2+2? <input type="text" id="input"></label> 
<button onclick="test()">проверить</button> 
<a id="link" href="#">Ссылка</a>