🎈🏞 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
|
||||
|
||||
console.log('hello world :o');
|
||||
console.log("hello world :o");
|
||||
|
||||
// our default array of dreams
|
||||
const dreams = [
|
||||
'Find and count some sheep',
|
||||
'Climb a really tall mountain',
|
||||
'Wash the dishes'
|
||||
"Find and count some sheep",
|
||||
"Climb a really tall mountain",
|
||||
"Wash the dishes"
|
||||
];
|
||||
|
||||
// define variables that reference elements on our page
|
||||
const dreamsList = document.getElementById('dreams');
|
||||
const dreamsList = document.getElementById("dreams");
|
||||
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
|
||||
const appendNewDream = function(dream) {
|
||||
const newListItem = document.createElement('li');
|
||||
const newListItem = document.createElement("li");
|
||||
newListItem.innerHTML = dream;
|
||||
dreamsList.appendChild(newListItem);
|
||||
}
|
||||
};
|
||||
|
||||
// iterate through every dream and add it to our page
|
||||
dreams.forEach( function(dream) {
|
||||
dreams.forEach(function(dream) {
|
||||
appendNewDream(dream);
|
||||
});
|
||||
|
||||
@ -36,7 +36,7 @@ dreamsForm.onsubmit = function(event) {
|
||||
dreams.push(dreamInput.value);
|
||||
appendNewDream(dreamInput.value);
|
||||
|
||||
// reset form
|
||||
dreamInput.value = '';
|
||||
// reset form
|
||||
dreamInput.value = "";
|
||||
dreamInput.focus();
|
||||
};
|
||||
|
12
server.js
12
server.js
@ -2,21 +2,21 @@
|
||||
// where your node app starts
|
||||
|
||||
// init project
|
||||
const express = require('express');
|
||||
const express = require("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`.
|
||||
|
||||
// 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
|
||||
app.get('/', function(request, response) {
|
||||
response.sendFile(__dirname + '/views/index.html');
|
||||
app.get("/", function(request, response) {
|
||||
response.sendFile(__dirname + "/views/index.html");
|
||||
});
|
||||
|
||||
// listen for requests :)
|
||||
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
Block a user