forked from djgallag/selector.js
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
51 lines (45 loc) · 1.15 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
<!DOCTYPE html>
<html>
<!--
Note: this is NOT the page on which the test specs execute!
However, there is script tag to load src/selector.js:
this will load your $ function/class into the global scope
so that you can use it!
-->
<head>
<style>
* {font-family: arial, sans-serif;}
#parent div {
height: 100px;
width: 100px;
margin: 1em;
}
.red {
background-color: red;
}
.green {
background-color: green;
}
.blue {
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<h1>Selector Playground</h1>
<p>
This file loads your "$" function into the global scope!
You can use it from your Dev Tools to manually test it out!
Just open your Dev Tools, go to the "Console" tab, and try entering some code!
</p>
<p>
Also, here are some colored blocks. Just for fun, you know.
</p>
<div class="red"></div>
<div class="green"></div>
<div class="blue"></div>
</div>
</body>
<script type="text/javascript" src="/src/selector.js"></script>
</html>