Technologies: HTML, CSS, Vanilla JavaScript
This a simple game that simulates a shooting range. The archery
style targets give points on a sliding scale depending on how
close to the middle they are hit (bullseye = 10 points, outer
ring = 1 point). The mouse is used to shoot and each shot adds
to the shot count as well as the point count (if a target is
hit). The targets move up and down and in the process are hidden
for random short periods of time.
The layout including the targets is made with HTML and CSS. The
JavaScript code controls three main functions: 1. to make the
targets move at random intervals 2. to make the interface
interactive with mouse click "shots" 3. calculate and render the
points.
