Как вывести температуру в браузер из введённого в инпут города?

Ребят, нужна помощь. Нужно по сабмиту формы выводить температуру в том городе, который указан в инпуте. Если такого города нет или ввёден неправильно выводить надпись — «такого города нет». Данные получаю от openweather. Что нужно исправить в коде, чтобы можно было вводить любой город, а не только который указан в переменной city?↓

Форма

<form>
    <input class="inp" type="text" placeholder="Введите город" value="">
    <button class="btn">Узнать температуру</button>
</form>

<div class="result">
    <h2>Результат: <span class="total"></span></h2>
</div>

Cкрипт

const form = document.forms[0];
const insert = document.querySelector('.total');

let btn = document.querySelector('.btn');
let cityName = document.querySelector('.inp');

form.onsubmit = function(e) {
    e.preventDefault();
    let DATA = JSON.parse(xhr.responseText);

    if(cityName.value == city) {
        insert.innerHTML = DATA.main.temp - 273;
    } else {
        insert.innerHTML = 'такого города нет';
    }
}



const APIKey = '**********************';
let city = 'Moscow';
const url = 'http://api.openweathermap.org/data/2.5/weather?q='+ city 
+'&appid='+APIKey;

let xhr = new XMLHttpRequest();

xhr.open('GET', url, false);

xhr.send();