如何将函数与回调连接到DOM元素

Question

如何将回调应用于DOM元素触发的函数？

我正在尝试找到在第一个功能完成时将第二个功能传递给按钮的方法。

document.getElementById('b1').onclick = topFunction(bottomFunction)

function topFunction(callback) { 
	document.getElementById('result').innerHTML += 'top function called, waiting two seconds.'
  setTimeout( _ => {
  	callback()
  }, 2000)
}

function bottomFunction() { 
	document.getElementById('result').innerHTML += ' Bottom function called. '
}

<input type='button' id='b1' value='callbacktest'>
<div id='result'>
Result here: 
</div>

我知道函数处理，而不是函数调用应该传递给DOM元素。我不确定如何在不调用第一个函数的情况下包括第二个函数。