🕰👞 Checkpoint
./public/script.js:617503/4050 ./server.js:617503/359
This commit is contained in:
+2
-32
@@ -3,39 +3,9 @@
|
||||
|
||||
console.log("hello world :o");
|
||||
|
||||
// define variables that reference elements on our page
|
||||
const dreamsList = document.getElementById("dreams");
|
||||
const dreamsForm = document.querySelector("form");
|
||||
|
||||
// a helper function that creates a list item for a given dream
|
||||
function appendNewDream(dream) {
|
||||
const newListItem = document.createElement("li");
|
||||
newListItem.innerText = dream;
|
||||
dreamsList.appendChild(newListItem);
|
||||
}
|
||||
|
||||
// fetch the initial list of dreams
|
||||
fetch("/dreams")
|
||||
fetch("/api/flavors")
|
||||
.then(response => response.json()) // parse the JSON from the server
|
||||
.then(dreams => {
|
||||
// remove the loading text
|
||||
dreamsList.firstElementChild.remove();
|
||||
|
||||
// iterate through every dream and add it to our page
|
||||
dreams.forEach(appendNewDream);
|
||||
|
||||
// listen for the form to be submitted and add a new dream when it is
|
||||
dreamsForm.addEventListener("submit", event => {
|
||||
// stop our form submission from refreshing the page
|
||||
event.preventDefault();
|
||||
|
||||
// get dream value and add it to the list
|
||||
let newDream = dreamsForm.elements.dream.value;
|
||||
dreams.push(newDream);
|
||||
appendNewDream(newDream);
|
||||
|
||||
// reset form
|
||||
dreamsForm.reset();
|
||||
dreamsForm.elements.dream.focus();
|
||||
});
|
||||
return [];
|
||||
});
|
||||
|
||||
@@ -11,12 +11,18 @@ fastify.register(require('fastify-static'), {
|
||||
prefix: '/', // optional: default '/'
|
||||
})
|
||||
|
||||
// Declare a route
|
||||
// Our home page route, this pulls from public/index.html
|
||||
// but you don't have to send a html, or even have a webpage!
|
||||
fastify.get("/", function(request, reply) {
|
||||
return reply.sendFile('index.html')
|
||||
});
|
||||
|
||||
// Run the server!
|
||||
// Our API route, fastify automatically turns it to JSON
|
||||
fastify.get("/api/flavors", function(request, reply) {
|
||||
reply.send({ hello: 'world' })
|
||||
});
|
||||
|
||||
// Run the server and report out to the logs
|
||||
fastify.listen(process.env.PORT, function(err, address) {
|
||||
if (err) {
|
||||
fastify.log.error(err);
|
||||
|
||||
Reference in New Issue
Block a user