BIRMINGHAM | ITP-JAN 26 | Merve Reis | Sprint 3 | Quote Generator

[mervereis]

Learners, PR Template

Self checklist

• I have titled my PR with Region | Cohort | FirstName LastName | Sprint | Assignment Title
• My changes meet the requirements of the task
• I have tested my changes
• My changes follow the style guide

Changelist

Created Quote Generator application.
Updated index.html file, added quote generator functionality and created styles for it.

[cjyuan]

Code is working good.

• There is some unnecessary code you can remove to keep the code cleaner.

[cjyuan]

Placing all the "run on load" code in one place is a good practice.
Would be even better to place the code (and the constants/variables needed locally by these code) inside a function to make it clearer that "this is what runs when the page loads."

For examples,

function setup() {
  // code to be executed on page load
}

window.addEventListener('load', setup);

or

window.addEventListener('load', function() {
  // code to be executed on page load
});

[mervereis]

@cjyuan I moved the logic what we run while page load into the setup function then I called it with eventListener as you suggest

[cjyuan]

Since "- " is part of the presentation logic, it is better to keep it in the CSS or in HTML.

[mervereis]

@cjyuan I moved the '-' part to CSS file

[cjyuan]

Moving all the code that implements the app into setup() is not what I had in mind; some of those code are just function definitions. What I had in mind was,

... // shared constants/variables declaration

... // function definitions

function setup() {
  ... // Code that setups the callback functions

  showQuote();
}

window.addEventListener("load", setup);

No change required. Organizing code is not an easy task and what I am suggesting here is not the only way. At least you have experienced one way to organize code in a local scope.

Code looks good. Well done.

[cjyuan]

This seems like a piece of debugging code. Best practice is to delete all unnecessary code before submitting the code for review.