-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
57 lines (52 loc) · 1.61 KB
/
index.html
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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<!DOCTYPE html>
<html lang="en-US">
<head>
<link rel="stylesheet" href="css/styles.css" type="text/css">
<script src="js/scripts.js"></script>
<title>A Number Exploration</title>
</head>
<body>
<h1>An Exploration of Prime and Composite Numbers</h1>
<p>This website explains what prime and composite numbers are! All information comes from Wikipedia. When you click the buttons below each topic, the grid of numbers will light up with the numbers that are prime or composite.</p>
<div id="numberGrid">
<div id="n1" class="gridItem">
<p>1</p>
</div>
<div id="n2"class="gridItem">
<p>2</p>
</div>
<div id="n3" class="gridItem">
<p>3</p>
</div>
<div id="n4" class="gridItem">
<p>4</p>
</div>
<div id="n5" class="gridItem">
<p>5</p>
</div>
<div id="n6" class="gridItem">
<p>6</p>
</div>
<div id="n7" class="gridItem">
<p>7</p>
</div>
<div id="n8" class="gridItem">
<p>8</p>
</div>
<div id="n9" class="gridItem">
<p>9</p>
</div>
<div id="n10" class="gridItem">
<p>10</p>
</div>
</div>
<h2>Prime Numbers</h2>
<p>A number that is only divisible by 1 and itself is known as a prime number. Every prime number is an odd number except number 2.</p>
<button id="prime">Show me prime numbers!</button>
<h2>Composite Numbers</h2>
<p>A number that is divisible by 1, itself, and one or more other numbers is known as a composite number</p>
<button id="composite">Show me composite numbers!</button>
<h2>Fun Fact!</h2>
<p>1 is neither a prime nor a composite number.</p>
</body>
</html>