mirror of
				https://api.glitch.com/git/presence-button
				synced 2025-10-31 04:05:37 +00:00 
			
		
		
		
	🎈🏞 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…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user