Chrome New Tab - улучшенный способ начать свой день!

New Tab

<!DOCTYPE html>
<html>
  <head>
    <title>New Tab</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.2/styles/default.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.2/highlight.min.js"></script>
    <script>hljs.initHighlightingOnLoad();</script>
  </head>
  <body>
    <div id="top-bar">
      <!-- Элементы верхней панели: кнопки, URL-адрес, кнопка обновления -->
    </div>
    <div id="bookmarks-bar">
      <!-- Панель закладок -->
    </div>
    <div id="apps-bar">
      <!-- Панель приложений -->
    </div>
    <div id="weather-info">
      <!-- Информация о погоде -->
    </div>
  </body>
</html>

function getWeatherInfo() {
  // Получаем данные о погоде с помощью API
  fetch('https://api.weatherapi.com/v1/current.json?key=YOUR_API_KEY&q=YOUR_LOCATION')
    .then(response => response.json())
    .then(data => {
      // Извлекаем нужную информацию о погоде из данных
      const temperature = data.current.temp_c;
      const condition = data.current.condition.text;

      // Отображаем информацию о погоде на странице
      const weatherInfoElement = document.getElementById('weather-info');
      weatherInfoElement.innerHTML = `Сейчас ${temperature}°C, ${condition}`;
    })
    .catch(error => {
      console.error('Ошибка получения данных о погоде:', error);
    });
}

// Вызываем функцию для получения и отображения информации о погоде
getWeatherInfo();

Chrome New Tab - улучшенный способ начать свой день!

Похожие вопросы на: "chrome newtab "