me encuentro con un proyecto de JavaScript, HTML y CSS, y tengo una duda para llamar a una función que tengo en otro archivo llamado ClienteRest. Pongo el código y me explico mejor.
mostrarListaEjercicios:function(datos){
var cadena = '<div id="listaEjercicios"><ul class="collection">';
for(var i=0;i<datos.length;i++){
cadena = cadena + '<li class="collection-item avatar"><i class="material-icons circle">create</i>';
cadena = cadena + '<span class="title">'+datos[i].nombre+'</span><p>'+datos[i].dificultad+'</p>';
cadena = cadena + '<a href="#!" class="secondary-content" onclick="rest.elegirEjercicio();"><i class="medium material-icons">play_circle_outline</i></a>'
}
cadena=cadena+'</ul>';
cadena=cadena+'</div>';
$('#messageDiv').append(cadena);
},
Esta función la tengo en un archivo diferente al del clienteRest que he dicho, dentro de este archivo rest, hay una función que se llama elegirEjercicio, y se le pasa como parámetro un string this.elegirEjercicio=function(nombreEjercicio)
. El problema es en como puedo llamar a la función, pasándole el parámetro datos[i].nombre
, dentro del for, en concreto en el onclick de la última línea del for.
El código de la función en el archivo cliente Rest, sería este:
this.elegirEjercicio=function(nombreEjercicio){
var uid;
if (window.localStorage.getItem('alu')!=undefined){
var alu=JSON.parse(window.localStorage.getItem('alu'));
uid=alu._id;
}
if(uid!=undefined){
$.getJSON(url+"/elegirEjercicio/"+uid+"/"+nombreEjercicio,function(data){
console.log("Ejercicio elegido correctamente:"+nombreEjercicio);
app.mostrarEjercicio(nombreEjercicio);
});
}else{
console.log("No se ha podido elegir ejercicio");
}
}
Gracias de antemano