-
Notifications
You must be signed in to change notification settings - Fork 1
/
client.js
86 lines (74 loc) · 1.96 KB
/
client.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
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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
console.log('JS');
$(document).ready(()=>{
console.log('JQ');
clickHandlers();
updatePage();
});
stage = 0; //Which step of the code we are on;
function clickHandlers () {
$('#btn-next').on('click',next);
$('#btn-back').on('click',back);
$('#navbar').on('click','.icon',jump);
}
function jump () {
let index = $(this).data('index');
stage = index;
updatePage();
updateButtons();
console.log('JUMP');
}
function next () {
if (stage<data.length-1) {
stage++;
updatePage();
updateButtons();
}
}
function updateButtons () {
//Are we at the end?
$('#btn-next').attr('disabled',(stage===data.length-1));
$('#btn-back').attr('disabled',(stage===0));
}
function back () {
if (stage>0) {
stage--;
updatePage();
updateButtons();
}
}
function updatePage () {
$('#function-title').html(data[stage].title);
if (stage!=data.length-1) {
$('#example-box').html(`
<p class="example-title">Example:</p>
${data[stage].example}`);
} else {
$('#example-box').empty();
}
$('#sec-description').html(data[stage].description);
$('#question').html(data[stage].question);
if (stage>0 && stage!=data.length-1) {
$('#previous-example').html(`
<p class="example-title">Previous:</p>
${data[stage-1].example}`);
} else {
$('#previous-example').empty();
}
updateNavbar();
}
const icons = ['far fa-smile','fas fa-mask','fas fa-long-arrow-alt-right','far fa-laugh-wink','fas fa-question'];
function updateNavbar () {
$('#navbar').empty();
let ul = $(`<ul class="icon-list"></ul>`);
for (let i=0; i<icons.length; i++) {
let colorClass = '';
if (stage===i) {colorClass='icon-current';} else {colorClass='icon-norm';}
let item = $(`<li class='icon ${colorClass}'><i class="${icons[i]}"></i></li>`);
item.data('index',i);
ul.append(item);
}
$('#navbar').append(ul);
}
let numbers = [5,8,3,10,15,20,1,-5];
let newArray = numbers.filter((number)=>number > 5);
console.log( newArray );