-
Notifications
You must be signed in to change notification settings - Fork 85
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Cedar - Laurel #59
base: main
Are you sure you want to change the base?
Cedar - Laurel #59
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Great work on your first javascript in the web project. Your code is very clear and readable and makes great use of a helper functions. Nice work!
</head> | ||
<body> | ||
|
||
<h1 id='display-city'>Seattle</h1> | ||
<div id=pretty-picture> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Minor note: you might consider making the div for each of the sections a section
element
@@ -0,0 +1,240 @@ | |||
const state = { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Great use of state object for temp and color class. You might consider making a separate object to hold the constants
} | ||
} | ||
|
||
// does it make sense to use state this way? |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
state is generally used to hold the current state of the app, so data that might change
|
||
// HELPER FUNCTIONS | ||
|
||
const styleColorAndLandscape = () => { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Great work encapsulating this different functionality in their own functions.
|
||
|
||
|
||
// this function is responsible for changing two things in one function... |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Nice work refactoring and DRYing up your code! Remember to remove commented code for the final code.
Weather Report submission