

<!DOCTYPE html>
<html lang="uz-Cyrl-UZ">
<head>
    
   <!-- Global site tag (gtag.js) - Google Analytics -->
   <script async src="https://www.googletagmanager.com/gtag/js?id=UA-2682682-1"></script>
   <script>
      window.dataLayer = window.dataLayer || [];
      function gtag() { dataLayer.push(arguments); }
      gtag('js', new Date());
      gtag('config', 'UA-2682682-1');
   </script>

    <title>Lex.uz - BHM Kalkulyatori</title>
    
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="google" content="notranslate">
<meta http-equiv="x-ua-compatible" content="ie=edge">
    <link href="/bundle/css2?v=NqHiZoI6B0Zf2JhAzG45fKdMBSqKjDcEeoiyBd0iaaI1" rel="stylesheet"/>

    <script src="/bundle/js2?v=TYDc0n5cWRYNF8rf6nCuzSQBVlRXZ0BA8QWlo5AxYqQ1"></script>


    <style>
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 16px;
        }

        .main {
            padding: 30px 0;
        }

        .breadcrumb {
            font-size: 12px;
            color: #777;
            margin-bottom: 16px;
        }

            .breadcrumb a {
                color: #0c57a6;
                text-decoration: none;
            }

                .breadcrumb a:hover {
                    text-decoration: underline;
                }

        .calc-wrapper {
            margin-top: 20px;
            display: grid;
            grid-template-columns: 1fr 320px;
            gap: 24px;
        }

        @media (max-width: 900px) {
            .calc-wrapper {
                grid-template-columns: 1fr;
            }
        }

        .calc-card {
            background-color: #fff;
            border: 1px solid #e0e0e0;
            border-radius: 4px;
            overflow: hidden;
        }

        .calc-header {
            background-color: #0c57a6;
            color: #fff;
            padding: 16px 24px;
            display: flex;
            align-items: center;
            gap: 12px;
        }

            .calc-header i {
                font-size: 22px;
            }

            .calc-header h1 {
                font-size: 18px;
                font-weight: 500;
            }

        .calc-body {
            padding: 24px;
        }

        .bhm-info {
            background-color: #eef4fa;
            border-left: 4px solid #0c57a6;
            padding: 14px 18px;
            margin-bottom: 24px;
            border-radius: 0 4px 4px 0;
        }

        .bhm-info-label {
            font-size: 12px;
            color: #666;
            margin-bottom: 4px;
        }

        .bhm-info-value {
            font-size: 20px;
            font-weight: 600;
            color: #0c57a6;
        }

        /* Tanlov: foiz yoki barobar */
        .mode-selector {
            display: flex;
            gap: 0;
            margin-bottom: 20px;
            border: 1px solid #d0d0d0;
            border-radius: 4px;
            overflow: hidden;
            background: #f5f5f5;
        }

        .mode-option {
            flex: 1;
            position: relative;
        }

            .mode-option input[type="radio"] {
                position: absolute;
                opacity: 0;
                pointer-events: none;
            }

            .mode-option label {
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 8px;
                padding: 12px;
                margin: 0;
                cursor: pointer;
                font-size: 13px;
                font-weight: 500;
                color: #555;
                transition: all 0.2s;
                border-right: 1px solid #d0d0d0;
            }

            .mode-option:last-child label {
                border-right: none;
            }

            .mode-option input[type="radio"]:checked + label {
                background-color: #0c57a6;
                color: #fff;
            }

            .mode-option label:hover {
                background-color: #e8e8e8;
            }

            .mode-option input[type="radio"]:checked + label:hover {
                background-color: #094a8e;
            }

        .form-group {
            margin-bottom: 20px;
        }

            .form-group label.field-label {
                display: block;
                font-size: 13px;
                color: #333;
                margin-bottom: 6px;
                font-weight: 500;
            }

            .form-group input[type="number"] {
                width: 100%;
                height: 40px;
                padding: 0 12px;
                border: 1px solid #d0d0d0;
                border-radius: 4px;
                font-size: 14px;
                font-family: inherit;
                transition: border-color 0.2s, box-shadow 0.2s;
            }

                .form-group input[type="number"]:focus {
                    outline: none;
                    border-color: #0c57a6;
                    box-shadow: 0 0 0 2px rgba(12, 87, 166, 0.15);
                }

                .form-group input[type="number"]:disabled {
                    background-color: #f5f5f5;
                    color: #999;
                    cursor: not-allowed;
                }

            .form-group .hint {
                font-size: 11px;
                color: #888;
                margin-top: 4px;
            }

        .btn-row {
            display: flex;
            gap: 10px;
            margin-bottom: 24px;
        }

        .btn {
            flex: 1;
            height: 42px;
            border: none;
            border-radius: 4px;
            font-size: 14px;
            font-weight: 500;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            transition: background-color 0.2s;
            font-family: inherit;
        }

        .btn-primary {
            background-color: #0c57a6;
            color: #fff;
        }

            .btn-primary:hover {
                background-color: #094a8e;
            }

        .btn-secondary {
            background-color: #f0f0f0;
            color: #333;
            border: 1px solid #d0d0d0;
            flex: 0 0 auto;
            padding: 0 18px;
        }

            .btn-secondary:hover {
                background-color: #e5e5e5;
            }

        /* ============ RESULT ============ */
        .result-box {
            background-color: #f9faf9;
            border: 1px solid #d4e3ec;
            border-radius: 4px;
            padding: 20px;
        }

        .result-label {
            font-size: 12px;
            color: #666;
            margin-bottom: 6px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .result-value {
            font-size: 28px;
            font-weight: 600;
            color: #0c57a6;
            margin-bottom: 8px;
        }

        .result-formula {
            font-size: 12px;
            color: #777;
            font-family: ‘Courier New‘, monospace;
            padding-top: 8px;
            border-top: 1px dashed #d0d0d0;
            min-height: 20px;
        }

        .sidebar {
            display: flex;
            flex-direction: column;
            gap: 16px;
        }

        .info-card {
            background-color: #fff;
            border: 1px solid #e0e0e0;
            border-radius: 4px;
            overflow: hidden;
        }

        .info-card-header {
            background-color: #f5f5f5;
            padding: 12px 16px;
            border-bottom: 1px solid #e0e0e0;
            font-size: 13px;
            font-weight: 600;
            color: #0c57a6;
            text-transform: uppercase;
        }

        .info-card-body {
            padding: 16px;
            font-size: 13px;
            color: #555;
            line-height: 1.6;
        }

            .info-card-body ul {
                list-style: none;
                padding: 0;
            }

                .info-card-body ul li {
                    padding: 6px 0;
                    border-bottom: 1px solid #f0f0f0;
                    display: flex;
                    justify-content: space-between;
                }

                    .info-card-body ul li:last-child {
                        border-bottom: none;
                    }

                    .info-card-body ul li span:last-child {
                        font-weight: 600;
                        color: #0c57a6;
                    }
    </style>
</head>
<body>
    <div class="wrapper">
        


<style>
    #lx_gte {
        line-height: 1;
        background-color: #0064A9;
        border: solid 4px #0064A9;
        border-radius: 4px;
        padding: 2px 4px 0;
    }

        #lx_gte img {
            max-width: 19px;
        }

        #lx_gte #google_translate_element {
            margin-bottom: 4px;
        }

        #lx_gte .lx_ot {
            font-size: 12px;
            color: #fff;
            text-align: center;
        }

        #lx_gte .goog-te-gadget-simple {
            width: 100%;
            padding: 2px 1px 2.5px 1px !important;
        }

            #lx_gte .goog-te-gadget-simple > span {
                display: inline-block;
            }

                #lx_gte .goog-te-gadget-simple > span > a {
                    display: inline-block;
                    margin: 0;
                }

                    #lx_gte .goog-te-gadget-simple > span > a > span {
                        display: none;
                    }

                        #lx_gte .goog-te-gadget-simple > span > a > span:first-of-type {
                            display: inline;
                        }

            #lx_gte .goog-te-gadget-simple:hover {
                color: #fff;
                background-color: #0064A9;
            }

                #lx_gte .goog-te-gadget-simple:hover a {
                    color: #fff;
                    background-color: #0064A9;
                    text-decoration: none;
                }

    @media (max-width:576px) {
        .header .languageSelector {
            width: 4.6rem;
        }

            .header .languageSelector .btn {
                margin-left: 0;
                font-size: 12px
            }

        #lx_gte .goog-te-gadget-simple {
            font-size: 11px
        }

        #lx_gte .lx_ot {
            font-size: 10px
        }
    }

    @media (max-width:520px) {
        #lx_gte {
            padding: 0;
        }

        .header .languageSelector {
            width: 3.4rem;
        }

            .header .languageSelector .btn {
                font-size: 11px;
                padding-left: 2px;
                padding-right: 2px;
            }

        #lx_gte .goog-te-gadget-simple {
            font-size: 9px
        }

        #lx_gte .lx_ot {
            font-size: 8px
        }
    }
</style>
<header class="header">
    <div class="header__top skiptranslate">
        <div class="container">
            <div class="header__telegram" style="margin-right: auto;">
                <img src="/assets/img/globe.svg">
                <span class="header__telegram-desc ml-1"><a href="https://ai.lex.uz" target="_blank">ai.lex.uz</a></span>
            </div>
            <div class="header__telegram">
                
                <span class="header__telegram-desc"><a href="https://t.me/huquqiyaxborot" target="_blank">@huquqiyaxborot</a></span>
            </div>
            <div class="header__top-right">
                <div class="header__icons">
                    
                    <div class="header__icon">
                        <a target="_blank" href="https://t.me/lexuzofficial"><i class="fab fa-telegram-plane"></i></a>
                    </div>
                    <div class="header__icon">
                        <a target="_blank" href="https://www.facebook.com/minjustuz"><i class="fab fa-facebook-f"></i></a>
                    </div>
                    <div class="header__icon">
                        <a target="_blank" href="https://www.instagram.com/adliyanews/"><i class="fab fa-instagram-square"></i></a>
                    </div>
                    <div class="header__icon">
                        <a target="_blank" href="https://www.youtube.com/c/adliya"><i class="fab fa-youtube"></i></a>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
    <div class="header__bottom">
        <div class="container">
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
            <div class="header__bottom-left">
                <a class="header__logo" href="/">
                    <img src="/assets/img/lex_uz.svg">
                </a>
                <div class="header__slogan" onclick="lxOpenUrl('/')">Ўзбекистон Республикаси Қонунчилик маълумотлари миллий базаси</div>
            </div>
            <div class="header__bottom-right">
                <div class="dropdown">
                    <button type="button" class="btn btn-link btn_eye_drop" data-toggle="dropdown">
                        <i class="fas fa-eye"></i>
                    </button>
                    <div class="dropdown-menu drop_menu">
                        <h6 class="show_size">Кўриниш</h6>
                        <div class="row" style="margin-right: 1.3rem; margin-left: 0rem;">
                            <div class="col-4">
                                <button class="btnA btn__left" onclick="toggleTheme('light');">A</button>
                            </div>
                            <div class="col-4">
                                <button class="btnA btn__cebter" onclick="toggleTheme('grey');">A</button>
                            </div>
                            <div class="col-4">
                                <button class="btnA btn__reght" onclick="toggleTheme('dark');">A</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="languageSelector skiptranslate">
                    <div class="dropdown">
                        <button class="btn dropdown-toggle" id="dropdownMenuButton" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">ЎЗБ</button>
                        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                            <a class="dropdown-item" href="/uz/bhm">O‘ZB</a><div class="line"></div><a class="dropdown-item" href="/ru/bhm">РУС</a><div class="line"></div><a class="dropdown-item" href="/en/bhm">ENG</a>
                        </div>
                    </div>
                </div>
                
                <div id="lx_gte">
                    <div id="google_translate_element"></div>
                    <div class="skiptranslate lx_ot">ONLINE TRANSLATE</div>
                </div>
                
            </div>
        </div>
    </div>
    
    <section>
        <div class="container">
            <nav class="navbar navbar-expand-lg navbar-light">
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul class="navbar-nav">
                        <li class="nav-item dropdown"><a class="nav-link" href="/search/bybody" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">РАСМИЙ ҲУЖЖАТЛАР</a><div class="dropdown-menu" aria-labelledby="navbarDropdown"><a class="dropdown-item" href="/search/official?lang=3&pub_date=today">Бугун</a><a class="dropdown-item" href="/search/official?lang=3&pub_date=week">Ҳафталик</a><a class="dropdown-item" href="/search/official?lang=3&pub_date=month">Ойлик</a><a class="dropdown-item" href="/search/calendar">Календарь</a></div></li><li class="nav-item dropdown"><a class="nav-link" href="/lexuz" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">ТИЗИМ ҲАҚИДА</a><div class="dropdown-menu" aria-labelledby="navbarDropdown"><a class="dropdown-item" href="/user_guide">Фойдаланувчи учун қўлланма</a><a class="dropdown-item" href="/card">Юридик таҳлил карточкаси реквизитлари</a><a class="dropdown-item" href="/search">Излаш реквизитлари рўйхати</a><a class="dropdown-item" href="/axborot">Ахборотни тақдим этиш шартлари</a><a class="dropdown-item" href="/offline">LexUz оффлайн</a></div></li><li class="nav-item dropdown"><a class="nav-link" href="/publication" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">НАШРЛАР</a><div class="dropdown-menu" aria-labelledby="navbarDropdown"><a class="dropdown-item" href="/law_collection">Ўзбекистон Республикаси қонунчилик тўплами</a><a class="dropdown-item" href="/pact_collection">Ўзбекистон Республикаси халқаро шартномалари тўплами</a><a class="dropdown-item" href="/library">Кутубхона</a></div></li><li class="nav-item dropdown"><a class="nav-link" href="/catalog" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">МАЪЛУМОТ­НОМАЛАР</a><div class="dropdown-menu" aria-labelledby="navbarDropdown"><a class="dropdown-item" href="/symbols">Ўзбекистон Республикасининг Давлат рамзлари</a><a class="dropdown-item" href="/dictionary">Kонституциявий ҳуқуқ. Энциклопедик луғат</a><a class="dropdown-item" href="/klassifkator">Қонунчилик тармоқлари умумҳуқуқий классификатори</a><a class="dropdown-item" href="/forms">Ҳисоботлар шакллари</a><a class="dropdown-item" href="/nsbu">БҲМС</a><a class="dropdown-item" href="/statistic">LexUz статистикаси</a><a class="dropdown-item" href="/int_agreement">Халқаро шартномалар талаблари бўйича очиқ маълумотлар базаси</a><a class="dropdown-item" href="/qollanma">Қўлланмалар</a><a class="dropdown-item" href="/bhm">BHM Kalkulyatori</a></div></li>
                        <li class="nav-item"><a class="nav-link" href="/explanation">ҲУҚУҚИЙ ТУШУНТИРИШЛАР</a></li>
                        
                        <li>
                            <a class="btn my-3 ml-4 py-3 px-5" href="/login" style="color: #fff; background-color: #0c57a6;">
                                <i class="fa fa-user mr-2"></i>Кириш</a>
                        </li>
                        
                    </ul>
                </div>
            </nav>
        </div>
    </section>
    
</header>

<script>
    const htmlEl = document.getElementsByTagName('body')[0];

    if (localStorage.getItem("themes") === "light") {
        htmlEl.dataset.theme = 'light';
    }
    else if (localStorage.getItem("themes") === "grey") {
        htmlEl.dataset.theme = 'grey';
    }
    else if (localStorage.getItem("themes") === "dark") {
        htmlEl.dataset.theme = 'dark';
    }
    const toggleTheme = (theme) => {
        htmlEl.dataset.theme = theme;
        localStorage.setItem("themes", htmlEl.dataset.theme);
    }
</script>

<script type="text/javascript">
    function googleTranslateElementInit() {
        new google.translate.TranslateElement({
            pageLanguage: 'uz',
            includedLanguages: 'sq,ar,hy,az,be,bn,bg,zh-CN,zh-TW,hr,cs,da,et,tl,fi,fr,ka,de,el,iw,hi,hu,is,id,it,ja,kk,ko,ky,lv,lt,ms,mn,no,ps,fa,pl,pt,ro,sr,sk,sl,es,sw,sv,tg,tt,th,tr,tk,uk,ur,ug,vi,en,ru',
            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
        }, 'google_translate_element');
    }
</script>
<script type="text/javascript" defer src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

        <main class="main">
            <div class="container">
                
                <div class="breadcrumb">
                    <a href="/">Bosh sahifa</a> / <a href="#">Ma’lumotnomalar</a> / <span>BHM Kalkulyatori</span>
                </div>

                <div class="calc-wrapper">
                    <!-- Calculator -->
                    <div class="calc-card">
                        <div class="calc-header">
                            <i class="fas fa-calculator"></i>
                            <h1>Bazaviy hisoblash miqdori (BHM) kalkulyatori</h1>
                        </div>
                        <div class="calc-body">
                            <div class="bhm-info">
                                <div class="bhm-info-label">O‘zbekiston Respublikasida joriy BHM (2026-yil)</div>
                                <div class="bhm-info-value">412 000 so‘m</div>
                            </div>

                            <div class="mode-selector">
                                <div class="mode-option">
                                    <input type="radio" id="mode-foiz" name="mode" value="foiz" checked>
                                    <label for="mode-foiz">
                                        <i class="fas fa-percent"></i>Foizda
                               
                                    </label>
                                </div>
                                <div class="mode-option">
                                    <input type="radio" id="mode-barobar" name="mode" value="barobar">
                                    <label for="mode-barobar">
                                        <i class="fas fa-times"></i>Barobarda
                               
                                    </label>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="field-label" for="qiymat" id="fieldLabel">Foiz qiymati (%)</label>
                                <input type="number" id="qiymat" placeholder="Masalan: 50" step="0.01" min="0">
                                <div class="hint" id="fieldHint">BHM ning foizi sifatida summani hisoblash</div>
                            </div>

                            <div class="btn-row">
                                <button class="btn btn-primary" id="calcBtn">
                                    <i class="fas fa-calculator"></i>Hisoblash
                           
                                </button>
                                <button class="btn btn-secondary" id="resetBtn">
                                    <i class="fas fa-redo"></i>Tozalash
                           
                                </button>
                            </div>

                            <div class="result-box">
                                <div class="result-label">Hisoblangan summa</div>
                                <div class="result-value" id="resultValue">0 so‘m</div>
                                <div class="result-formula" id="resultFormula">Foiz yoki barobar qiymatini kiriting</div>
                            </div>
                        </div>
                    </div>

                    <!-- Sidebar -->
                    <aside class="sidebar">
                        <div class="info-card">
                            <div class="info-card-header">Ko‘p ishlatiladigan qiymatlar</div>
                            <div class="info-card-body">
                                <ul>
                                    <li><span>1 BHM</span><span>412 000</span></li>
                                    <li><span>5 BHM</span><span>2 060 000</span></li>
                                    <li><span>10 BHM</span><span>4 120 000</span></li>
                                    <li><span>50 BHM</span><span>20 600 000</span></li>
                                    <li><span>100 BHM</span><span>41 200 000</span></li>
                                </ul>
                            </div>
                        </div>

                        <div class="info-card">
                            <div class="info-card-header">Ma‘lumot</div>
                            <div class="info-card-body">
                                BHM — bu jarimalar, davlat boji, ijtimoiy nafaqalar va boshqa to‘lovlarni hisoblash uchun ishlatiladigan bazaviy ko‘rsatkichdir.
                       
                            </div>
                        </div>
                    </aside>
                </div>
            </div>
        </main>
        
<main class="main">
    <section class="slider_resource">
        <div class="container">
            <div class="slider_resource__title">Фойдали ресурслар</div>
            <div class="slider_resource__body">
                <a class="slider_resource__item" target="_blank" href="http://www.prezident.uz">
                    <div class="slider_resource__img">
                        <img src="/assets/img/gerb.png" style="max-width: 80px">
                    </div>
                    <div class="slider_resource__desc">Ўзбекистон Республикаси Президенти</div>
                </a>
                <a class="slider_resource__item" target="_blank" href="http://www.parliament.gov.uz">
                    <div class="slider_resource__img">
                        <img src="/assets/img/oliy_majlis.png">
                    </div>
                    <div class="slider_resource__desc">Ўзбекистон Республикаси Олий Мажлиси Қонунчилик палатаси</div>
                </a>
                <a class="slider_resource__item" target="_blank" href="http://www.gov.uz/ru/">
                    <div class="slider_resource__img">
                        <img src="/img/lx_bt_a3.png">
                    </div>
                    <div class="slider_resource__desc">Ўзбекистон Республикаси<br />Ҳукумат портали</div>
                </a>
                <a class="slider_resource__item" target="_blank" href="http://www.senat.gov.uz">
                    <div class="slider_resource__img">
                        <img src="/img/lx_bt_a2.png">
                    </div>
                    <div class="slider_resource__desc">Ўзбекистон Республикаси<br />Олий Мажлисининг Сенати</div>
                </a>
                <a class="slider_resource__item" target="_blank" href="http://www.minjust.uz">
                    <div class="slider_resource__img">
                        <img src="/assets/img/gerb_ministerstva.png">
                    </div>
                    <div class="slider_resource__desc">Ўзбекистон Республикаси<br />Адлия вазирлиги</div>
                </a>
                <a class="slider_resource__item" target="_blank" href="http://www.strategy.uz/">
                    <div class="slider_resource__img">
                        <img src="/assets/img/strategy.png">
                    </div>
                    <div class="slider_resource__desc">Тараққиёт стратегияси<br />маркази</div>
                </a>
            </div>
        </div>
    </section>
    <div class="container">
        <div class="secondary">
            <div class="secondary__content"></div>
            <aside class="secondary__sidebar"></aside>
        </div>
    </div>
</main>

<footer class="footer">
    
    <div class="footer__top">
        <div class="container">
            <div class="footer__links">
                <div class="footer__links-ads">
                    <a href="/about">Марказ ҳақида</a>
                </div>
                <div class="footer__links-ads">
                    <a href="/news">Сайт янгиликлари</a>
                </div>
                <div class="footer__links-ads">
                    <a href="/adv">Сайтда реклама</a>
                </div>
                <div class="footer__links-ads">
                    <a href="/rss">RSS</a>
                </div>
            </div>
            
            <div class="footer__app">
                <div class="footer__app-download">
                    <a target="_blank" href="https://play.google.com/store/apps/details?id=uz.lex.mobile">
                        <img src="/assets/img/google_app.svg"></a>
                </div>
                <div class="footer__app-download">
                    <a target="_blank" href="https://apps.apple.com/us/app/lexuz/id1608798574">
                        <img src="/assets/img/app_store.png"></a>
                </div>
            </div>
            <div class="footer__icon">
                <div class="footer__icons">
                    <a target="_blank" href="https://t.me/lexuzofficial"><i class="fab fa-telegram-plane"></i></a>
                </div>
                <div class="footer__icons">
                    <a target="_blank" href="https://www.facebook.com/minjustuz"><i class="fab fa-facebook-f"></i></a>
                </div>
                <div class="footer__icons">
                    <a target="_blank" href="https://www.instagram.com/adliyanews/"><i class="fab fa-instagram-square"></i></a>
                </div>
                <div class="footer__icons">
                    <a target="_blank" href="https://www.youtube.com/c/adliya"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div style="float: right; top: -30px; margin-top: -44px;">
<!-- START WWW.UZ TOP-RATING -->
<SCRIPT language="javascript" type="text/javascript">
		<!--
		top_js = "1.0"; top_r = "id=4079&r=" + escape(document.referrer) + "&pg=" + escape(window.location.href); document.cookie = "smart_top=1; path=/"; top_r += "&c=" + (document.cookie ? "Y" : "N")
		//-->
</SCRIPT>
<SCRIPT language="javascript1.1" type="text/javascript">
<!--
		top_js = "1.1"; top_r += "&j=" + (navigator.javaEnabled() ? "Y" : "N")
//-->
</SCRIPT>
<SCRIPT language="javascript1.2" type="text/javascript">
<!--
		top_js = "1.2"; top_r += "&wh=" + screen.width + 'x' + screen.height + "&px=" + (((navigator.appName.substring(0, 3) == "Mic")) ? screen.colorDepth : screen.pixelDepth)
//-->
</SCRIPT>
<SCRIPT language="javascript1.3" type="text/javascript">
<!--
		top_js = "1.3";
//-->
</SCRIPT>
<SCRIPT language="JavaScript" type="text/javascript">
		<!--
		top_rat = "&col=0C57A6&t=ffffff&p=DD7900"; top_r += "&js=" + top_js + ""; document.write('<a href="https://www.uz/rus/toprating/cmd/stat/id/4079" target="_blank"><img src="https://www.uz/plugins/top_rating/count/cnt.png?' + top_r + top_rat + '" width=88 height=31 border=0 alt="Топ рейтинг www.uz"></a>')//-->
</SCRIPT>
<NOSCRIPT>
		<A href="https://www.uz/rus/toprating/cmd/stat/id/4079" target="_blank">
				<img height="31" src="https://www.uz/plugins/top_rating/count/nojs_cnt.png?id=4079&pg=http%3A//lex.uz&col=0C57A6&t=ffffff&p=DD7900" width="88" border="0" alt="Топ рейтинг www.uz">
		</A>
</NOSCRIPT>
<!-- FINISH WWW.UZ TOP-RATING --></div>
            
        </div>
    </div>
    
    <div class="footer__bottom">
        <div class="container">
            <div class="footer__bottom-desc">&copy; Ўзбекистон Республикаси Адлия вазирлиги қошидаги “Адолат” миллий ҳуқуқий ахборот маркази давлат муассасаси</div>
        </div>
    </div>
</footer>
<div id="lx_alert" style="display: none;">
    <div class="lx_alert_content">
        <div class="lx_alert_body">
            <div id="lx_alert_message"></div>
        </div>
        <div class="lx_alert_footer">
            <button id="lx_alert_close" type="button" class="btn btn-primary" onclick="lxCloseAlert();">Ёпиш</button>
        </div>
    </div>
</div>
<span id="lx_btn_up" onclick="lx_btn_up_top()" title="">
    <svg viewBox="0 0 512 512">
        <path fill="currentColor" d="M256 504c137 0 248-111 248-248S393 8 256 8 8 119 8 256s111 248 248 248zm0-448c110.5 0 200 89.5 200 200s-89.5 200-200 200S56 366.5 56 256 145.5 56 256 56zm20 328h-40c-6.6 0-12-5.4-12-12V256h-67c-10.7 0-16-12.9-8.5-20.5l99-99c4.7-4.7 12.3-4.7 17 0l99 99c7.6 7.6 2.2 20.5-8.5 20.5h-67v116c0 6.6-5.4 12-12 12z"></path></svg>
</span>

    </div>
    <div style="display: none;"></div>
    <script>
        const BHM = 412000;
        const qiymatInput = document.getElementById('qiymat');
        const fieldLabel = document.getElementById('fieldLabel');
        const fieldHint = document.getElementById('fieldHint');
        const modeRadios = document.querySelectorAll('input[name="mode"]');
        const resultValue = document.getElementById('resultValue');
        const resultFormula = document.getElementById('resultFormula');
        const calcBtn = document.getElementById('calcBtn');
        const resetBtn = document.getElementById('resetBtn');

        function formatNumber(num) {
            return num.toLocaleString('ru-RU').replace(/,/g, ' ');
        }

        function getCurrentMode() {
            return document.querySelector('input[name="mode"]:checked').value;
        }

        function updateFieldLabel() {
            const mode = getCurrentMode();
            if (mode === 'foiz') {
                fieldLabel.textContent = 'Foiz qiymati (%)';
                fieldHint.textContent = 'BHM ning foizi sifatida summani hisoblash';
                qiymatInput.placeholder = 'Masalan: 50';
            } else {
                fieldLabel.textContent = 'Barobar qiymati (×)';
                fieldHint.textContent = 'BHM ga nisbatan necha barobar';
                qiymatInput.placeholder = 'Masalan: 5';
            }
            // Rejim almashganda input va natijani tozalash
            qiymatInput.value = '';
            resultValue.textContent = "0 so'm";
            resultFormula.textContent = mode === 'foiz'
                ? 'Foiz qiymatini kiriting'
                : 'Barobar qiymatini kiriting';
        }

        function hisoblash() {
            const qiymat = parseFloat(qiymatInput.value);
            const mode = getCurrentMode();

            if (isNaN(qiymat) || qiymat <= 0) {
                resultValue.textContent = "0 so'm";
                resultFormula.textContent = mode === 'foiz'
                    ? 'Foiz qiymatini kiriting'
                    : 'Barobar qiymatini kiriting';
                return;
            }

            let summa = 0;
            let formula = '';

            if (mode === 'foiz') {
                summa = BHM * (qiymat / 100);
                formula = `${formatNumber(BHM)} × ${qiymat}% = ${formatNumber(Math.round(summa))} so'm`;
            } else {
                summa = BHM * qiymat;
                formula = `${formatNumber(BHM)} × ${qiymat} = ${formatNumber(Math.round(summa))} so'm`;
            }

            resultValue.textContent = formatNumber(Math.round(summa)) + " so'm";
            resultFormula.textContent = formula;
        }

        function reset() {
            qiymatInput.value = '';
            document.getElementById('mode-foiz').checked = true;
            updateFieldLabel();
        }

        calcBtn.addEventListener('click', hisoblash);
        resetBtn.addEventListener('click', reset);
        qiymatInput.addEventListener('input', hisoblash);
        modeRadios.forEach(radio => {
            radio.addEventListener('change', updateFieldLabel);
        });

        qiymatInput.addEventListener('keypress', (e) => {
            if (e.key === 'Enter') hisoblash();
        });
    </script>
</body>
</html>
