Personalmente siento que es innecesario convocar a una función mostrarCurso por cada curso que hay, por lo que mejor hice un array con los cursos y utilicé un ciclo forEach para mostrarlos en la página.

const cursos = [html, css, javaScript, react];

const element = document.getElementById('cursos');

cursos.forEach((curso) => { 

    const hijo = document.createElement('div');
    hijo.className = 'curso'
    hijo.id = curso.getNombre();
    hijo.innerHTML = `
        <img src="${curso.getPoster()}" />
        <h3>${curso.getNombre()}</h3>
        <span>Cantidad de clases: ${curso.getClases()}</span>
    `;

    element.appendChild(hijo);
});

De esta manera en vez de escribir toda la función mostarCurso(nuevoCurso) solo tengo que crear la variable del curso y añadirla al array.

Consideré hacer una función específica también, pero debido a que esto es solo práctica me atreví a hacer la función directamente en el código en vez de hacer la función y luego convocarla.

Personalmente siento que es innecesario convocar a una función mostrarCurso por cada curso que hay, por lo que mejor hice un array con los cursos y utilicé un ciclo forEach para mostrarlos en la página.

const cursos = [html, css, javaScript, react];

const element = document.getElementById('cursos');

cursos.forEach((curso) => { 

    const hijo = document.createElement('div');
    hijo.className = 'curso'
    hijo.id = curso.getNombre();
    hijo.innerHTML = `
        <img src="${curso.getPoster()}" />
        <h3>${curso.getNombre()}</h3>
        <span>Cantidad de clases: ${curso.getClases()}</span>
    `;

    element.appendChild(hijo);
});

De esta manera en vez de escribir toda la función mostarCurso(nuevoCurso) solo tengo que crear la variable del curso y añadirla al array.

Consideré hacer una función específica también, pero debido a que esto es solo práctica me atreví a hacer la función directamente en el código en vez de hacer la función y luego convocarla.

Personalmente siento que es innecesario convocar a una función mostrarCurso por cada curso que hay, por lo que mejor hice un array con los cursos y utilicé un ciclo forEach para mostrarlos en la página.

const cursos = [html, css, javaScript, react];

const element = document.getElementById('cursos');

cursos.forEach((curso) => { 

    const hijo = document.createElement('div');
    hijo.className = 'curso'
    hijo.id = curso.getNombre();
    hijo.innerHTML = `
        <img src="${curso.getPoster()}" />
        <h3>${curso.getNombre()}</h3>
        <span>Cantidad de clases: ${curso.getClases()}</span>
    `;

    element.appendChild(hijo);
});

De esta manera en vez de escribir toda la función mostarCurso(nuevoCurso) solo tengo que crear la variable del curso y añadirla al array.

Consideré hacer una función específica también, pero debido a que esto es solo práctica me atreví a hacer la función directamente en el código en vez de hacer la función y luego convocarla.