App de Previsão do Tempo
In this article, we will be creating a simple weather forecast app using HTML, CSS, and JavaScript. With this app, users will be able to enter a city name and get the current weather information for that city.
First, let’s create the HTML structure for our app. We’ll have an input field for the user to enter the city name, a button to submit the input, and a div to display the weather information.
“`html
App de Previsão do Tempo
“`
Next, let’s style our app using CSS. We’ll set the font family, text alignment, and the styles for the input field and button.
“`css
“`
Now, let’s add the JavaScript code to our app. We’ll define a function called `getWeather` that will be triggered when the user clicks the “Buscar” button. This function will make a fetch request to the OpenWeatherMap API to get the weather information for the city entered by the user.
“`javascript
“`
With this HTML, CSS, and JavaScript code, we have created a simple weather forecast app that allows users to enter a city name and get the current weather information for that city. This app can be further enhanced with additional features such as a 5-day forecast, geolocation-based weather, and more. Feel free to customize and expand upon this app to suit your needs and create a more feature-rich weather app.
muito bom , meu camarada! Muito obrigado pela aula excelente!
Tô com um problema na dimensão no Live Server esta tudo muito pequeno e se eu aumentar ao meu gosto quando ospedo a página fica tudo muito ampliado
Se alguém puder me ajudar agradeço
Like no vídeo mano, super intuitivo a colocação dos nomes/apelidos nas funções e classes! Por mais professores como você!
Vídeo top!❤❤
No meu console do navegador não mostra os dados do servidor.. aparece ƒ json() { [native code] }
Rodolfo , você é excelente professor , consigo entender tudo o que você explica. Obrigada pelas aulas maravilhosas !
Simplesmente incrível! Muito obrigado por abrir mais minha mente! Estou fazendo a aula e colocando em prática meus conhecimentos, com certeza vai pro portifólio!
Rodolfo, eu fiz o meu com o sass, depois da uma olhada ai, e outra pergunta, se eu manda pra o git hub, com a chave key da api, não pode ne? faltou a url da imagem de background image, que fica repetindo.
Para fazer a "bolinha" do grau Celsius é só segurar Alt e digitar no teclado 248…
°C
simplesmente incrivel, conheci o seu canal essa semana, e não consigo parar de assistir as aulas, estava até agora nesse vídeo, e deu tudo certinho nesse projeto, você tem uma boa didática , consegue explicar de uma forma que mesmo quem não conheça o assunto, vai entender. Obrigada por isso, por todos os videos do canal, nota mil
cara eu estou literalmente fazendo tudo certo, mas meu css não lê alguns "comandos" como por exemplo o opacity, border-radius, padding, ele mostra que ta dando erro, te mandei mensagem no instagram
Muito bom ! Pena que nos 45 do segundo tempo o meu deu bug e nao vou mais bater cabeça com isso .
Muito boa aula, ganhou mais um inscrito, já estou correndo pra ver seus outros videos.
Gostaria de ver uma pokedex, sei que outras pessoas ja fizeram, mas queria ver um video seu sobre. tu é muito foda
Boa noite gente alguém sabe dizer pq o link do background img , não tá mudando de imagem ???
Caminhos de arquivo
Para fazer arquivos conversarem entre si, você tem que fornecer um caminho de arquivo entre eles — basicamente uma rota para que um arquivo saiba onde o outro está.
Top demais sua didática
Vc e foda d mai
aula massa demais, alguem pode me ajudar? to querendo subir o meu projeto pro github, mas eu to querendo mandar os arquivo da key pro gitignore, alguem sabe que eu faço isso?
Você é incrível Rodolfo, obrigado pela aula!