How to get value from several <a> tags and display in an input text?

This is the function that prints the value of all the tags on the page.

    function imprimeArregloTag(){
     var arrayTag = document.getElementsByTagName('a');
     var arrayText = new Array();

     for(var i = 0; i < arrayTag.length; i++){
      arrayText[i] = arrayTag[i].text
     }

     console.log(arrayText);
   }

This will not be the whole answer to your question but I think it can help you.

With this function you will avoid duplicating values ​​in your array. That is, if you click several times on a link, its value will not be repeated in the input text.

Note: Keep in mind that it is not a good practice to give the same id to multiple HTML elements. It is as if you grant the same identity document to several people. They idmust always be unique.

var arrDatos = new Array();

function add(x) {

  var txtInput = document.getElementById('node');
  var strValor = x.innerHTML;

  arrDatos.pushIfNotExist(strValor, function(e) {
    return e === strValor;
  });


  txtInput.value = arrDatos.toString();
  console.log("Total de elementos actuales: "+arrDatos.length);
  console.log("Estos son los elementos: "+arrDatos);


}

Array.prototype.inArray = function(comparer) {
  for (var i = 0; i < this.length; i++) {
    if (comparer(this[i])) return true;
  }
  return false;
};

Array.prototype.pushIfNotExist = function(element, comparer) {
  if (!this.inArray(comparer)) {
    this.push(element);
  }
};

<input class="tf w-input" id="node" maxlength="256" placeholder="Vida nocturna, el aeropuerto " type="text" size="200">

<a class="btn desc fav w-button" id="parque1" name="parque" onclick="add(this);">PARQUE</a>

<a class="btn desc fav w-button" id="parque2" name="parque" onclick="add(this);">CENTRO COMERCIAL</a>

<a class="btn desc fav w-button" id="parque3" name="parque" onclick="add(this);">GYM</a>

using jquery you can do it like this:

    $(function(){
          $('.fav').click(function(){
              $("#node").val($(this).html());                                    
          })                                                                       
     });

if you want to concatenate you can do something like this:

   var node = $("#node").val();
   $("#node").val(node + $(this).html());

In fact, you would have left over code in your table such as the id, the name and the onclick in your a

the sample code is at: https://jsfiddle.net/madaver1980/494Lg6mq/

if you want you can remove what I tell you so you can see that it works just as correctly, greetings!

don't forget to add jquery src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js

The same way I took the fav class to give the click functionality, if you have more objects with fav class I would be doing the same, so you have to put another name, so you don't have problems.

I would do something like this:

I keep the values ​​of each <a>at the moment of giving it clickin a arrayand to valuethe inputone I add that arrayconverted into astring

var array_valores = Array();

function add(x)
{

    var input = document.getElementById('node');
    array_valores.push(x.innerHTML);

    input.value = array_valores.toString();                         

}

<input class="tf w-input" id="node" maxlength="256" placeholder="Vida nocturna, el aeropuerto " type="text">

    <a class="btn desc fav w-button" id="parque" name="parque" onclick="add(this);" >PARQUE</a> 

    <a class="btn desc fav w-button" id="parque" name="parque" onclick="add(this);">CENTRO COMERCIAL</a>

    <a class="btn desc fav w-button" id="parque" name="parque" onclick="add(this);">GYM</a>

I hope it helps you, greetings.