3 javascript libraries in 5 minutes and 45 secondes
fernan_s
12.5K views
You have bravely arrived at the end of this course, so here are two little bonus libraries!
-
Egg.js
- This library allows you to put hidden features in your website.
- You can try it out by running the playground then typing "techio" in the viewer.
-
Sweetalert.js
- This library enables you to display sweet notifications on your website with ease.
- You can see an example by typing "sweet" in the viewer.
Egg
For more information Egg.js, follow this link. To learn more about Sweetalert.js, click this link.
Create your playground on Tech.io
This playground was created on Tech.io, our hands-on, knowledge-sharing platform for developers.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<html>
<head>
<script type="text/javascript" src="https://cdn.rawgit.com/mikeflynn/egg.js/master/egg.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.css" />
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div style="display: none;" id="egg">
<img src="egg.gif"/>
</div>
<p>Click into the frame and type "techio" or "sweet" too see the easter eggs!</p>
<script src="script.js"></script>
</body>
</html>
1
var egg = new Egg("t,e,c,h,i,o", function() {