-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
29 lines (25 loc) · 885 Bytes
/
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=1024, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="style.css" />
<title>Gradient Generator</title>
</head>
<body id="gradient">
<h1>CSS Gradient Generator</h1>
<h2>Select Colors</h2>
<input class="color1" name="color1" type="color" value="#ff0000" />
<input class="color2" name="color2" type="color" value="#0000ff" />
<div><button>Generate Random</button></div>
<h3></h3>
<script src="script.js"></script>
</body>
</html>
<!--
Development tips
Open JS console while working to ensure no errors appear
console.log JS selector variables to make sure the correct html has been selected
console.log each new function to ensure they're working properly
-->