Почему происходит разрыв строки?

Question

Я новичок в javascript. Я хочу напечатать вывод в той же строке без разрыва строки, используя тег <h1>.

Как правило, мой вывод идет в одну строку, но когда я соединяю это с тегом <h1>, вывод появляется в разных строках.

Вот мой код. Проведи меня через.

https.get(url, function(response) {
    console.log(response.statusCode + 'OK');
    response.on('data', function(data) {
      const weatherData = JSON.parse(data);
      const temp = weatherData.main.temp;
      const desc = weatherData.weather[0].description;
      console.log(temp);
      res.send(
        '<h1>The temperature in London is ' + '<h1>' + temp + '<h1> ° Celsius.'
      );
    });
  });

Answer 1

Замените ваш код на

res.send(
   `<h1>The temperature in London is ${temp} Celsius</h1>`
);

Если вы хотите стилизовать временное использование <span style="color: red;">${temp}</span>

Answer 2

h1 - это элемент блока, по умолчанию ширина которого составляет 100%. Вы можете использовать тег span внутри него для переменной, и при желании вы можете добавить класс для стилизации этой переменной:

res.send(
   '<h1>The temperature in London is ' + '<span class="your_class">' + temp + '</span>° Celsius.</h1>'
);