fuz/presence-button-web
9
0
Fork 0
mirror of https://github.com/Lomanic/presence-button-web synced 2024-11-22 21:47:29 +00:00
Code Issues Releases Wiki Activity

🎈🏞 Checkpoint

Browse Source 
./server.js:617503/1313
./public/client.js:617503/2375
This commit is contained in:
Glitch (hello-express) 2019-09-30 21:05:06 +00:00
parent 988db9b862
commit b935803f44
2 changed files with 18 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
public/client.js
View File

@ -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);
}); });
@ -36,7 +36,7 @@ dreamsForm.onsubmit = function(event) {
dreams.push(dreamInput.value); dreams.push(dreamInput.value);
appendNewDream(dreamInput.value); appendNewDream(dreamInput.value);
// reset form // reset form
dreamInput.value = ''; dreamInput.value = "";
dreamInput.focus(); dreamInput.focus();
}; };

12
server.js
View File

@ -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);
}); });