Как поменять текст ссылки после нажатия на ссылку на JS?

Без jquery как-то так, вместо getElementById, можно использовать другие селекторы типа: getElementsByTagName, getElementsByClassName, querySelectorAll (подробнее тут), но имейте ввиду что они возвращают массив элементов, в отличии от getElementById и querySelector. Их нужно использовать, чтобы не задавать всем элементам уникальный id, если их много.

<a href="#" id="demo">Добавить товар.</a>

<script>
document.getElementById('demo').addEventListener('click', function (event) {
   event.preventDefault(); //отключает переход по ссылке
   this.innerHTML = 'Добавлено';
})
</script>