Hola Comunidad, buen día, tengo una pregunta a cerca de si es posible pasar un arreglo como parámetro a una función que se evoca con un evento onchange, esta función esta dentro de un template string, pero la función que mando a llamar la tengo que definir fuera del scope de mi función. Quisiera saber si alguien me puede orientar sobre el tema, o facilitrme algun recurso para hacercarme a la resolucion del conflicto. De antemano, muchas gracias. Saludos .
Adjunto el código.
Función que contiene el templete string:
// Evento que manda a ejecutar e imprimir la funcion de ordenamiento
let getSort = document.getElementById(‘goSort’);
getSort.addEventListener(‘click’, (event) => {
const students = studentsModal(data);
const indicatorsSpace = document.getElementById(‘searchingCard’);
const selectorSpace = <div class = "container"> <div class = "row"> <div class="input-field col s11 m5 l5"> <select onChange = 'changeValue(${students})' name = "orderBy" id = "orderBy"> <option value="" disabled selected>Ordenar por: </option> <option value="name">Nombre</option> <option value="percentage">Completitud</option> </select> <label>Categoría para ordenar</label> </div> </div> </div>
;
indicatorsSpace.innerHTML = selectorSpace;
// Select
$(document).ready(function() {
$('select').formSelect();
});
}, {passive: true});
// Funcion del onchange
const changeValue = (students) => {
const orderByDetected = document.getElementById(‘orderBy’);
const orderByTag = document.getElementsByTagName(‘option’);
const ordering = orderByDetected.value;
const orderDirection = ‘ASC’;
const sort = sortStudents(students, ordering, orderDirection);
printSort(sort);
};