How to get values of elements created in the DOM

document.addEventListener("DOMContentLoaded",main);
function main(){
	var formacion = new Array();
	var mas = document.getElementById("mas");
	var chkAgregar = document.getElementById("chkAgregar");
	chkAgregar.addEventListener("change", anadirCajaNew, true);
	
	var unaVez = function(element) { 	
		element.addEventListener('click', function(event) {
			var idCount=formacion.length;
			idYear="year"+idCount;
			idCurso="curso"+idCount;
			var divPrimero = document.getElementById("primero");
			var divResto = document.createElement("div");
			divPrimero.append(divResto);
			divResto.setAttribute("class", "visible"+idCount);
			divResto.setAttribute("id", "id"+idCount);
			divResto.setAttribute("name", "cajas");				
			var inputAnno = document.createElement("input");
			var inputCurso = document.createElement("input");
			var chkBox = document.createElement("input");
			var lblBox = document.createElement("label");
	
			chkBox.setAttribute("type","checkbox");
			chkBox.setAttribute("chk",idYear);
			chkBox.setAttribute("id", "id"+idCount);
			lblBox.innerHTML="Marque para agregar";

			inputAnno.setAttribute("type","text");
			inputAnno.setAttribute("id",idYear);
			inputAnno.setAttribute("size","2");
			inputCurso.setAttribute("type","text");
			inputCurso.setAttribute("id",idCurso);
			inputCurso.setAttribute("size","50");
	        chkBox.addEventListener("click",unaVez(chkBox));
	        chkBox.addEventListener("change",anadirCajaNew);
	
			divResto.append(inputAnno);
			divResto.append(inputCurso);
			divResto.append(chkBox);
			divResto.append(lblBox);

		}, {once: true});	
	
	};

	unaVez(chkAgregar);

	function anadirCajaNew(e){
		thisParent=e.srcElement.parentNode;
		thisInputs=thisParent.getElementsByTagName('input');
		anno=thisInputs[0].value;
		curso=thisInputs[1].value;

		if (this.checked){

			formacion.push(anno+" "+curso);
			console.log(formacion);

		}else{

			strId=this.id;
			intIndex=strId.replace(/\D/g, "");
			formacion.splice(intIndex, 1);
			console.log(formacion);
		
		}
	}
}

	<h1>Solicitud de empleo</h1>
	<div id="contenedor" class="visible">		
		
		<form name="prueba" action="#" id="formulario">
			<p>Formacion:</p>
			<div class="visible" id="primero" name="cajas">
				<label for="year"></label>
				<input type="text" id="year1" size="2" name="year">
				<label for="curso"></label>
				<input type="text" id="curso1" size="50"  name="curso">
				<input id="chkAgregar" type="checkbox" name="chkMas" />
				<label for="chkMas">Marque para agregar</label>

			</div>
			<button type="button" id="boton" value="validar">validar</button> 
			<button type="button" id="botonb" value="borrar">Borrar</button>
		</form>
	</div>
	<div id="datosFinales" class="oculto">
		<p>Formacion:</p>
		<ul id="listaFormacionFinal"></ul>
	</div>

document.addEventListener("DOMContentLoaded", main);

function main() {
  var formacion = []; // Declarar el array formación utilizando [].
  
  /*
   Esta función sirve para hacer mostrar el botón más cuando sólo esté una caja div con la clase row, en el formulario. Recibe como parámetro un número entero, donde -1 significa que no existe el elemento condicionado para mostrar.
   */
  function resetButtons(index) {
    var rows = document.getElementsByClassName("row"); // Obtener las cajas div con la clase row.
    if (index === -1) {
      var buttons = document.querySelectorAll("div.row input[hidden]"); // Obtener los botones con el atributo hidden.
      buttons[rows.length - 2].removeAttribute("hidden"); // Remover el atributo hidden del penúltimo botón de la variable buttons que contiene el atributo hidden.
    }
  }

  /*
   Esta función sirve para establecer la funcionalidad de eliminar las cajas div con la clase row, para los botones [-].
   */
  function setRemoveAction() {
  
    // 2. La función eliminar(e) recibe como parámetro el contexto del elemento al que fue invocado, en este caso, el botón [-].
    function eliminar(e) {
      // Declarar e inicializar las variables.
      var elems = document.getElementsByClassName("row"),
        len = elems.length;
      if (len > 1) {
        var current = e.target.parentElement.nextSibling; // Contiene el nodo inmediatamente siguiente donde se encuentra el botón [-].
        if (current.className !== undefined) {
          resetButtons(current.className.indexOf("row"));
        }
        e.target.parentElement.remove(); // Eliminar la caja div con clase row, del contexto que pertenece al botón [-] que se hizo clic.
        setRemoveAction(); // Ejecutar esta función para establecer la funcionalidad de eliminar cajas.
        setAddAction(); // Ejecutar esta función para establecer la funcionalidad de añadir cajas.
      } else {
        alert("No se puede eliminar.");
      }
    }
    // 1. Declarar e inicializar las variables.
    var menos = document.getElementsByClassName("menos"), i, len = menos.length, button;
    for (i = 0; i < len; i++) {
      button = menos[i]; // Encontrar el botón [-].
      button.onclick = eliminar; // Asignar la función eliminar() en su evento click.
    }
  }

  /*
   Esta función sirve para establecer la funcionalidad de añadir las cajas div con la clase row, para los botones [+].
   */
  function setAddAction() {
    
    // 2. La función agregar(e) recibe como parámetro el contexto del elemento al que fue invocado, en este caso, el botón [+].
    function agregar(e) {
      // Declarar e inicializar las variables.
      var node = e.target.parentElement, newNode = node.cloneNode(true);
      e.target.parentElement.parentElement.insertBefore(newNode, node.parentElement.lastChild.previousSibling); // Insertar el nodo clonado antes del último nodo que contiene los botones Validar y Borrar.
      e.target.setAttribute("hidden", "hidden"); // Ocultar el botón [+].
      setRemoveAction(); // Ejecutar esta función para establecer la funcionalidad de eliminar cajas.
        setAddAction(); // Ejecutar esta función para establecer la funcionalidad de añadir cajas.
    }
    // Declarar e inicializar las variables.
    var mas = document.getElementsByClassName("mas"), i, len = mas.length, button;
    for (i = 0; i < len; i++) {
      button = mas[i]; // Encontrar el botón [+].
      button.onclick = agregar; // Asignar la función agregar(), en su evento click.
    }
  }

  /*
   Esta función sirve para iterar sobre las cajas div con clase row para almacenar en el array formacion, un objeto {year: year, curso:curso}, conteniendo los datos, correspondientemente.
   */
  function getData() {
    var rows = document.getElementsByClassName("row"), i, len = rows.length;
    formacion = []; // Reinicializar el array formacion para siempre tener los datos actualizados.
    for (i = 0; i < len; i++) {
      formacion.push({
        year: document.getElementsByName("year")[i].value, // Utilizar el índice i, para acceder al elemento correspondiente.
        curso: document.getElementsByName("curso")[i].value
      });
    }
    return formacion; // Retonar el array formacion con los datos recopilados.
  }
  
  var btnValidar = document.getElementById("btnValidar");
  btnValidar.onclick = function() {
    // Declarar e inicializar las variables necesarias.
    var i, data = getData(), len = data.length, obj, html = "", datosFinales = document.getElementById("datosFinales"), listaFormacionFinal = document.getElementById("listaFormacionFinal");
    for (i = 0; i < len; i++) {
      obj = data[i];
      html += "<li>Year: ";
      html += obj.year;
      html += " - Curso: ";
      html += obj.curso;
      html += "</li>";
    }
    datosFinales.removeAttribute("class"); // Remover la clase de datosFinales para que sea visible.
    listaFormacionFinal.innerHTML = html; // Imprimir el contenido de la variable html en la listaFormacionFinal.
  };

  // Al inicio se deben ejecutar estas funciones para asignar las funcionalidades correspondientes.
  setRemoveAction();
  setAddAction();
}

#contenedor {
  margin: 0 auto;
  width: 75%;
}

.row {
  border: solid 1px #ccc;
  margin: 2px;
}

input {
  border-radius: 3px;
}

#contenedor #formulario p {
  font-family: Courier, "Lucida Console", monospace;
  font-size: 25px;
  font-weight: bold;
}

.oculto {
  display: none;
}

#datosFinales {
  margin: 0 auto;
  width: 75%;
}

div div {
  display: inline-block;
}

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <title>Práctica a Entregar</title>
</head>

<body>
  <h1>Solicitud de empleo</h1>
  <div id="contenedor">
    <form name="prueba" action="#" id="formulario">
      <p>Formacion:</p>
      <div class="row">
        <label>
          Año
          <input type="text" size="2" name="year" />
        </label>
        <label>
          Curso
          <input type="text" size="50" name="curso" />
        </label>
        <input type="button" class="menos" value="-" />
        <input type="button" class="mas" value="+" />
      </div>
      <div>
        <button type="button" id="btnValidar" value="validar">Validar</button>
        <button type="reset" id="btnBorrar" value="borrar">Borrar</button>
      </div>

    </form>
  </div>
  <div id="datosFinales" class="oculto">
    <p>Formacion:</p>
    <ul id="listaFormacionFinal"></ul>
  </div>
</body>

</html>