-
Notifications
You must be signed in to change notification settings - Fork 0
/
navbar.js
65 lines (62 loc) · 2.04 KB
/
navbar.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
$(document).ready(function() {
console.log( "NAV ready!" );
let menu = [
{
"url": "Home.html",
"title": "Home"
},
{
"url": "Menu.html",
"title": "Menu"
},
{
"url": "About.html",
"title": "About Us"
},
{
"url": "Team.html",
"title": "Our Team"
},
{
"url": "Contact.html",
"title": "Contact Us"
},
]
$.each(menu, function(key, nav) {
console.log(nav.title)
$("#navigation").append(`<li class="nav-item">
<a class="nav-link" href="${nav.url}">${nav.title}</a>
</li>`);
});
$.ajax({
url: 'https://opensheet.vercel.app/1Xt48Tfm0Nf6ITDM-PaQx6PyVRNyJUPjRcy5UoqdKtsQ/Menu',
dataType: 'json',
success: function(data) {
console.log(data);
$.each(data, function(key, coffee) {
console.log(coffee.Title)
$('#coffeedrinks').append(`<div class="col-md-3 mt-3 text-center">
<img src="${coffee.PicURL}" alt="coffeeImage" class="rounded" width="65%">
<h5>${coffee.Title}</h5>
<p class="drinks_prices m-0 p-0">${coffee.Price}</p>
<p>${coffee.Description}</p>
</div>`);
})
}
});
});
$.ajax({
url: 'https://randomuser.me/api/?results=6',
dataType: 'json',
success: function(data) {
//console.log(data);
$.each(data.results, function(key, person){
$('#Randomusers').append(`<div class="col-md-2 px-1 mt-2 text-center" >
<img src="${person.picture.large}" alt="#" class="img-fluid rounded-circle">
<h6 class="mb-0">${person.name.first} ${person.name.last}</h6>
<p class="mb-1 mt-0 pt-0"><span class="flag-icon flag-icon-${person.nat.toLowerCase()}"></span></p>
</div>`
);
})
}
});