How to make an object disappear when a character touches it and count points?

Question

I am working on a Javascript-based game (with JQuery), where carrots fall from the sky and the rabbit (main character) must collect them.

I have succeeded tomake the carrots fall and to make the rabbit move, but can someone give me an idea on how to make the carrots disappear and add points when the rabbit touches them?

This is my JavaScript code: http://shrib.com/note311876

Thank you.

UPDATE: I think that this plugin https://plugins.jquery.com/overlaps/ might be useful, but don't know what to do. I'm a complete newbie so excuse me.

Answer 1

There are numerous was ways to achieve that. jQuery has some (unofficial) plugins for collision detection:

https://plugins.jquery.com/tag/collision/