generated from gary-jipp/lighthouse-microapp-jquery
-
Notifications
You must be signed in to change notification settings - Fork 0
/
scripts.js
38 lines (30 loc) · 1.02 KB
/
scripts.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
// Stuff to do when page loads
$(function () {
$("#add").on("click", function (event) {
getQuotes();
$("#count").focus();
$("#count").val('');
});
$("#clear").on("click", function (event) {
$("#container").empty(); // This is how we clear "content" (the stuff between tags)
$("#count").val(''); // This is how we empty an <input>
});
});
// Notice we can define functions in this format as well
const renderQuotes = function (quotes) {
const container = $("#container");
// Create an <li> item for each quotes and add to our container
for (const quote of quotes) {
const item = `<li>${quote}</li>`;
container.prepend(item); // Adds to the beginning
}
};
// Get some new quotes
function getQuotes() {
// Get the count as the value of the input field
const count = $("#count").val();
// Call external REST service with our count (that's what this url expects)
const url = `http://ron-swanson-quotes.herokuapp.com/v2/quotes/${count}`;
// jQuery ajax
$.get(url, renderQuotes);
};