html
html
1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<script src="https://code.jquery.com/jquery-3.1.1.js"></script>
</head>
<body>
<pre style="font-size:15px;"> </pre>
</body>
</html>
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
body {
}
Enter to Rename, Shift+Enter to Preview
js
js
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
$(document).ready(function(){
var p = $("pre");
var b = 1, a = 50, c;
var setInt = setInterval(function(){
if(b > a){
clearInterval(setInt);
return;
}
c = b;
if(b%2 != 0){
p.html(p.html() + "<br><span style='color:#5AC9CC'>" + b + "</span>");
while(c>0){
if(c%2 != 0){ p.html(p.html() + "<span style='color:#5AC9CC'>*</span>"); }
else{ p.html(p.html() + "<span style='color:#8ACA47'>*</span>" ); }
c--;
}
}
else{
p.html(p.html() + "<br><span style='color:#8ACA47'>" + b + "</span>" );
while(c>0){
if(c%2 == 0){ p.html(p.html() + "<span style='color:#5AC9CC'>+</span>"); }
else{ p.html(p.html() + "<span style='color:#8ACA47'>+</span>" ); }
c--;
}
}
b++;
},100)
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run