app.js

var input = document.querySelector('.input_text');
var main = document.querySelector('#name');
var temp = document.querySelector('.temp');
var desc = document.querySelector('.desc');
var clouds = document.querySelector('.clouds');
var button= document.querySelector('.submit');


button.addEventListener('click', function(name){
fetch('https://api.openweathermap.org/data/2.5/weather?q='+input.value+'&appid=d78785a6d83ea106897727876d2b3645')
.then(response => response.json())
.then(data => {
  var tempValue = data['main']['temp'];
  tempValue = (tempValue - 273.15).toFixed(1);
  var nameValue = data['name'];
  var descValue = data['weather'][0]['description'];

  main.innerHTML = nameValue;
  desc.innerHTML = "Description - "+descValue;
  temp.innerHTML = "Temp - "+tempValue+ '&degC;';
  input.value ="";

})

.catch(err => alert("Wrong city name!"));
})