Skip to content
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

Rae Elwell Weather Report #69

Open
wants to merge 3 commits into
base: main
Choose a base branch
from
Open

Rae Elwell Weather Report #69

wants to merge 3 commits into from

Conversation

raeelwell
Copy link

No description provided.

Copy link

@kaidamasaki kaidamasaki left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great job!

Your code looks pretty solid generally though you rely a little too much on <div>s containing things for styles. (It's not a big deal, it's just a good habit to start doing a final pass in a project and go "do I need this div?".) Otherwise things look good!

Well done!

Comment on lines +22 to +24
<div class = 'widget text' id ='Temperature Title'>
<p>Temperature</p>
</div>

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It's more appropriate to use a heading tag (<h2>, <h3> depending on how nested) for something like a <section> title:

Suggested change
<div class = 'widget text' id ='Temperature Title'>
<p>Temperature</p>
</div>
<h2 class = 'widget text' id ='Temperature Title'>
Temperature
</h2>

skyDisplay.textContent = "☀️ ☀️ ☀️ ☀️ ☀️ ☀️ ☀️ ☀️ ☀️";
groundDisplay.textContent ="🌱 🌱 🌱 🌱 🌱 🌱 🌱 🌱";
cityInput.textContent = "My Hometown";
bgDisplay.style.backgroundColor = "orange";

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It's a best practice to avoid directly setting the style of an element in JS. (This is because then we only have one place we need to update styles when we change the theme of the site.)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants