Description
This assignment aims to help students get familiar with the basics of HTML, CSS, and JavaScript, especially on how to create interactive elements via HTML, implement interaction functions through JavaScript, and stylize the layout with CSS.
In this assignment, you are asked to design an interface (shown in Figure
-
that can achieve the following goals.
-
-
In “ draw” mode, users can use a mouse to draw the trajectory of mouse movement, as shown in Figure 2 (a). In terms of the drawing
-
-
Only stylize range slider (7pts).
-
Only stylize text (3pts).
-
No stylization (0pts).
-
Submission (5pts). Please compress your code and a readme file (optional) into a zip file and submit the zip file to OneDrive. The readme file can include descriptions that help the instructor run the interface successfully.
Note that plenty of 10 pts will be given to those students who submit the assignment between Oct 14 at 12:00 AM and Oct 14 at 11:59 PM. Plenty of 20 pts will be given to those students who submit the assignment between Oct 15 at 12:00 AM and Oct 15 at 11:59 PM. Submissions after Oct 16 at 12:00 AM will not be graded.
5