solmn.github.io/circle.html at master · solmn/solmn.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!DOCTYPE html>
 <!--
  Hi professor
  i have finished today's assignment
  here is the link https://solmn.github.io/circle.html
  it took me about an hour to finish the assignment.
  I have practiced jquery best practicess while doing this asisgnment.
  I used event delegation when i assign event listner for each circle dom objects so
  that only one event would be created.
   -->
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
		<title>Circle</title>

		<link href="css/circle.css" type="text/css" rel="stylesheet">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

		<script src="js/circle.js" type="text/javascript"></script>
	</head>

	<body>
    <div id="control">
      Width
      <input id="width" type="number" value="50"><br>Grow Amount:<br>
      <input id="growAmt" type="number" value="10"><br>Grow Rate:<br>
      <input id="rate" type="number" value="250"><br>Number of Circle:<br>
      <input id="numCircle" type="number" value="12"><br>
      <input id="start" type="button" value="Start">
    </div>
    <div id="container">
          <div class="circle"></div>
    </div>
 </body>
</html>