从javascript调用等待完成任务的函数到html函数的困难

我对html和javascript非常陌生，我从Firebase读取数据，记录擦除次数和时间，附加到时间列表和擦除列表，并使用列表中的数据作为html中chart.js图形的x和y标签。 问题是我真的不知道如何将附加的列表数据获取到图表函数中。我听说了async和await，并尝试使用它，但函数gotDataW（dataW）显然没有定义。有人能告诉我我做错了什么吗

javascript代码的一部分

dataW.on('value', gotDataW);

async function gotDataW(dataW){
  var handwipes = [];
  var timeList = [];
  var appendW = dataW.val();
  var keys = Object.keys(appendW);
  for (var i = 0; i < keys.length; i++) {
  var kW = keys[i];
  var TimeW = appendW[kW].TimeW;
    timeList.push(TimeW);
    var Wipes = appendW[kW].Wipes;
    handwipes.push(Wipes);

我确实使用src将javascript文件连接到html，但我不知道哪里出错了

chartIt();
async function chartIt() {
await gotDataW(dataW);
//etc