🎈🏞 Checkpoint
./server.js:617503/1313 ./public/client.js:617503/2375
This commit is contained in:
parent
988db9b862
commit
b935803f44
|
@ -1,29 +1,29 @@
|
||||||
// client-side js
|
application.togglePrettierEnabled()// client-side js
|
||||||
// run by the browser each time your view template is loaded
|
// run by the browser each time your view template is loaded
|
||||||
|
|
||||||
console.log('hello world :o');
|
console.log("hello world :o");
|
||||||
|
|
||||||
// our default array of dreams
|
// our default array of dreams
|
||||||
const dreams = [
|
const dreams = [
|
||||||
'Find and count some sheep',
|
"Find and count some sheep",
|
||||||
'Climb a really tall mountain',
|
"Climb a really tall mountain",
|
||||||
'Wash the dishes'
|
"Wash the dishes"
|
||||||
];
|
];
|
||||||
|
|
||||||
// define variables that reference elements on our page
|
// define variables that reference elements on our page
|
||||||
const dreamsList = document.getElementById('dreams');
|
const dreamsList = document.getElementById("dreams");
|
||||||
const dreamsForm = document.forms[0];
|
const dreamsForm = document.forms[0];
|
||||||
const dreamInput = dreamsForm.elements['dream'];
|
const dreamInput = dreamsForm.elements["dream"];
|
||||||
|
|
||||||
// a helper function that creates a list item for a given dream
|
// a helper function that creates a list item for a given dream
|
||||||
const appendNewDream = function(dream) {
|
const appendNewDream = function(dream) {
|
||||||
const newListItem = document.createElement('li');
|
const newListItem = document.createElement("li");
|
||||||
newListItem.innerHTML = dream;
|
newListItem.innerHTML = dream;
|
||||||
dreamsList.appendChild(newListItem);
|
dreamsList.appendChild(newListItem);
|
||||||
}
|
};
|
||||||
|
|
||||||
// iterate through every dream and add it to our page
|
// iterate through every dream and add it to our page
|
||||||
dreams.forEach( function(dream) {
|
dreams.forEach(function(dream) {
|
||||||
appendNewDream(dream);
|
appendNewDream(dream);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
@ -37,6 +37,6 @@ dreamsForm.onsubmit = function(event) {
|
||||||
appendNewDream(dreamInput.value);
|
appendNewDream(dreamInput.value);
|
||||||
|
|
||||||
// reset form
|
// reset form
|
||||||
dreamInput.value = '';
|
dreamInput.value = "";
|
||||||
dreamInput.focus();
|
dreamInput.focus();
|
||||||
};
|
};
|
||||||
|
|
10
server.js
10
server.js
|
@ -2,21 +2,21 @@
|
||||||
// where your node app starts
|
// where your node app starts
|
||||||
|
|
||||||
// init project
|
// init project
|
||||||
const express = require('express');
|
const express = require("express");
|
||||||
const app = express();
|
const app = express();
|
||||||
|
|
||||||
// we've started you off with Express,
|
// we've started you off with Express,
|
||||||
// but feel free to use whatever libs or frameworks you'd like through `package.json`.
|
// but feel free to use whatever libs or frameworks you'd like through `package.json`.
|
||||||
|
|
||||||
// http://expressjs.com/en/starter/static-files.html
|
// http://expressjs.com/en/starter/static-files.html
|
||||||
app.use(express.static('public'));
|
app.use(express.static("public"));
|
||||||
|
|
||||||
// http://expressjs.com/en/starter/basic-routing.html
|
// http://expressjs.com/en/starter/basic-routing.html
|
||||||
app.get('/', function(request, response) {
|
app.get("/", function(request, response) {
|
||||||
response.sendFile(__dirname + '/views/index.html');
|
response.sendFile(__dirname + "/views/index.html");
|
||||||
});
|
});
|
||||||
|
|
||||||
// listen for requests :)
|
// listen for requests :)
|
||||||
const listener = app.listen(process.env.PORT, function() {
|
const listener = app.listen(process.env.PORT, function() {
|
||||||
console.log('Your app is listening on port ' + listener.address().port);
|
console.log("Your app is listening on port " + listener.address().port);
|
||||||
});
|
});
|
||||||
|
|
Loading…
Reference in New Issue