Actualmente estoy tratando de escribir un script para incrustarlo en un archivo HTML que:

1. Llama a una API para un ticket
2. Utiliza el ticket en una función posterior para mostrar un tablero

Soy un poco nuevo en Javascript y aprendo sobre la marcha, pero me estoy perdiendo un poco en este :)

La función 1 a continuación muestra mis esfuerzos para almacenar el ticket como una variable. Sin embargo, cuando trato de usar el ticket en Function2, parece que la llamada a la API aún no ha terminado.

¿Cómo puedo hacer que Function2 espere a que Function1 se complete antes de procesar?

Función1

 function getTix() { return new Promise(function (resolve) { axios.get(api_url) .then(response => { resolve(response.data.ticket); console.log(response.data.ticket); myticket = response.data.ticket; }) .catch(error => console.error(error)); }); }

Función2

 function showDashboard() { const dash_div = document.getElementById('displaydash'); const dash_url = "https://server.com/" + myticket; viz = new Viz(dash_div, dash_url); }