🎈🏞 Checkpoint
./server.js:617503/1313 ./public/client.js:617503/2375
This commit is contained in:
@@ -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();
|
||||
};
|
||||
|
Reference in New Issue
Block a user