<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sample Page</title>
</head>
<body>
    <div class="content">
        <p>Контент для всех посетителей</p>
    </div>
    
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="script.js"></script>
</body>
</html>
// Функция для получения местоположения пользователя по IP с использованием ipapi.co
function getUserLocation(callback) {
    $.get("https://ipapi.co/json/", function(response) {
        callback(response.country_name);
    }, "json");
}

// Функция для скрытия контента для пользователей из России
function hideContentForRussianUsers() {
    const contentDivs = Array.from(document.getElementsByClassName('content'));
    
    getUserLocation(function(country) {
        if (country === 'Russia') {
            contentDivs.forEach(function(contentDiv) {
                contentDiv.innerHTML = '<p>В этом примере местоположение пользователя определяется с помощью ipapi.co и вместо контента показывается это сообщение для пользователей из России</p>';
            });
        }
    });
}

// Вызываем функцию скрытия контента для пользователей из России
hideContentForRussianUsers();
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.