javascript – Era pra aparecer uma canvas com borda de 5 pixels preta e quando você clicava dentro da canvas ele fazia um alerta “ola”…mas não apareceu, porque?

var canvas, ctx, altura, largura frames = 0;
function cliques(event){
alert(“ola”);
}

function main(){
altura = window.innerHeight;
largura = window.innerWidth;
  
  if (largura >= 500){
  largura = 600;
  altura = 600;
  }
canvas = document.createElement("canvas");
canvas.width = largura;
canvas.height = altura;
canvas.style.border = "5px solid #000";
 ctx = canvas.getContext("2d");
 document.body.appendChild(canvas);
 document.addEventListener("mousedown", clique);
}
function roda(){}

function atualiza(){}

function desenho(){}
//inicializa
main();