Wieża hanoi canvas

Witam próbuje wykonać wieże hanoi w canvas napotkałem,następujący problem,chciałbym aby tylko po kliknięciu w pewny obszar działa się reakcja np po kliknięciu na jeden z klocków wyskoczyła w konsoli stosowna informacja,np To jest klocek niebieski, to jest klocek czerwony i tak dalej załączam pliczki

Jeżeli koniecznie musisz korzystać z Canvas, to rozwiązaniem będzie zapamiętanie lokalizacji obiektów, w które można kliknąć, a następnie sprawdzanie, czy pozycja myszki w momencie kliknięcia znajduje się wewnątrz obiektu (handler zdarzenia click jest wywoływany z obiektem MouseEvent, który zawiera pola ScreenX i ScreenY). Jeżeli korzystanie z Canvas nie jest konieczne, prościej może być wyświetlać obiekty za pomocą SVG. Wtedy każdy wyświetlany obiekt będzie węzłem w drzewie DOM, do którego można przypisać obsługę kliknięcia.

Jezeli nie musisz pisac w czystym canvasie to polecam pixi.js tam normalnie zrobisz klocek jako obiekt i bedziesz mu mogl dac click event :)