-
Notifications
You must be signed in to change notification settings - Fork 100
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
Tigers- Lindsey B. & Masha #81
base: main
Are you sure you want to change the base?
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.
Even though this isn't exactly the version of the html/javascript combos we ended up doing, I can tell y'all have a really good grasp of both html and javascript!
<header class="header"> | ||
Weather Report <span>for the lovely city of | ||
<span id="headerCityName"> | ||
Seattle |
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.
This is totally fine but remember that you could keep this empty and then load the default state when you begin!
<div class="temperature_content"> | ||
<div class="change_temperature"> | ||
<span id="increaseTemp">⬆️</span> | ||
<span id="temp">70</span> |
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.
Same thing as above! This could be loaded in from the default state!
|
||
|
||
<script src="./node_modules/axios/dist/axios.min.js"></script> | ||
<script src="/src/index.js"></script> |
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.
Overall, your html looks really good here! Well done!
lat: 47.6062, | ||
lon: -122.3321, | ||
}; | ||
|
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.
Good job creating a default state here!
state.temp -= 1; | ||
changeColorAndGarden(); | ||
}; | ||
|
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.
Good use of helper functions!
const cityInput = document.getElementById('cityNameInput'); | ||
cityNameInput.value = 'Seattle'; | ||
modifyCityName(); | ||
}; |
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.
More helper functions! Well done!
.catch((error) => { | ||
console.log('Error calling OpenWeather'); | ||
}); | ||
}; |
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 job with these axios functions. The move to make them async functions was a really smart choice!
|
||
getWeather(); | ||
const getTemp = document.getElementById('getTemp'); | ||
getTemp.addEventListener('click', getWeather); |
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.
These all look great!
No description provided.