fuz/presence-button-web
9
0
Fork 0
mirror of https://github.com/Lomanic/presence-button-web synced 2024-11-22 13:37: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
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
View File

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