Без 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>
