S.V.Klimov: Створена сторінка: Конструктор ОПП з автоматичним підрахунком...</h1> <p>2026-09-18T19:33:24Z</p> <p>Створена сторінка: <!DOCTYPE html> <html lang="uk"> <head> <meta charset="UTF-8"> <title>Конструктор ОПП з автоматичним підрахунком...</p> <p><b>Нова сторінка</b></p><div><!DOCTYPE html><br /> <html lang="uk"><br /> <head><br /> <meta charset="UTF-8"><br /> <title>Конструктор ОПП з автоматичним підрахунком кредитів</title><br /> <style><br /> body {<br /> font-family: 'Segoe UI', Arial, sans-serif;<br /> background-color: #f1f5f9;<br /> padding: 15px;<br /> margin: 0;<br /> user-select: none;<br /> }<br /> h2 { text-align: center; color: #1e293b; margin: 0 0 5px 0; font-size: 18px; }<br /> .subtitle { text-align: center; color: #64748b; margin-bottom: 15px; font-size: 12px; }<br /> <br /> .matrix-wrapper {<br /> position: relative;<br /> width: 100%;<br /> box-sizing: border-box;<br /> }<br /> .matrix {<br /> display: flex; <br /> gap: 8px; <br /> position: relative; <br /> z-index: 2;<br /> width: 100%;<br /> }<br /> .column {<br /> flex: 1; <br /> min-width: 135px; <br /> background: #ffffff;<br /> border: 1px dashed #cbd5e1; <br /> border-radius: 6px; <br /> padding: 6px;<br /> display: flex; <br /> flex-direction: column; <br /> gap: 8px; <br /> min-height: 840px;<br /> box-sizing: border-box;<br /> position: relative;<br /> padding-bottom: 45px; /* Місце для лічильника внизу /<br /> }<br /> .column.drag-over { background: #f8fafc; border-color: #3b82f6; }<br /> .header {<br /> font-weight: bold; text-align: center; padding: 6px;<br /> background: #334155; color: white; border-radius: 4px; font-size: 12px;<br /> pointer-events: none;<br /> }<br /> <br /> / СТИЛЬ БЛОКУ ВИБІРКОВИХ КОМПОНЕНТІВ /<br /> .elective-section {<br /> margin-top: auto; / Притискає блок донизу колонки /<br /> background: #f8fafc;<br /> border: 1.5px dashed #cbd5e1;<br /> border-radius: 6px;<br /> padding: 6px;<br /> display: flex;<br /> flex-direction: column;<br /> gap: 8px;<br /> min-height: 48px;<br /> box-sizing: border-box;<br /> }<br /> .elective-header {<br /> font-size: 9px;<br /> font-weight: 700;<br /> color: #64748b;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.4px;<br /> padding-bottom: 3px;<br /> border-bottom: 1px dashed #cbd5e1;<br /> pointer-events: none;<br /> }<br /> .elective-empty {<br /> font-size: 9px;<br /> color: #94a3b8;<br /> text-align: center;<br /> font-style: italic;<br /> padding: 4px 0;<br /> pointer-events: none;<br /> }<br /> <br /> / СТИЛЬ ЛІЧИЛЬНИКА КРЕДИТІВ ВНИЗУ */<br /> .semester-summary {<br /> position: absolute; bottom: 6px; left: 6px; right: 6px;<br /> background: #e2e8f0; color: #1e293b; text-align: center;<br /> font-weight: bold; font-size: 11px; padding: 6px; border-radius: 4px;<br /> border: 1px solid #cbd5e1; pointer-events: none;<br /> }<br /> <br /> .block {<br /> position: relative; border-radius: 5px; padding: 16px 6px 16px 6px; <br /> min-height: 58px; display: flex; align-items: center; justify-content: center;<br /> text-align: center; font-size: 10px; cursor: grab;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.04); border: 1.5px solid transparent;<br /> box-sizing: border-box; line-height: 1.2;<br /> }<br /> .block:active { cursor: grabbing; }<br /> .block.dragging { opacity: 0.3; background-color: #cbd5e1 !important; border-color: #94a3b8 !important; }<br /> <br /> .code {<br /> position: absolute; left: 4px; top: 2px;<br /> font-size: 8.5px; font-weight: bold; color: rgba(0,0,0,0.4);<br /> }<br /> .credits {<br /> position: absolute; right: 4px; bottom: 2px;<br /> font-size: 8.5px; font-weight: bold; padding: 1px 2px;<br /> background: rgba(0,0,0,0.05); border-radius: 2px; color: #475569;<br /> }<br /> <br /> .blue { background-color: #DCE6F1; border-color: #B4C6E7; color: #1F4E79; }<br /> .green { background-color: #E2EFDA; border-color: #C6E0B4; color: #375623; }<br /> .yellow { background-color: #FFF2CC; border-color: #FFE699; color: #7F6000; font-weight: bold; }<br /> .gray { background-color: #F2F2F2; border-color: #D9D9D9; color: #595959; }<br /> .pink { background-color: #FCE4D6; border-color: #F8CBAD; color: #C65911; font-weight: bold; }<br /> .orange { background-color: #e5a872; border-color: #d8965f; color: #ffffff; font-weight: bold; }<br /> .purple { background-color: #a89bc9; border-color: #9687ba; color: #ffffff; font-weight: bold; }<br /> <br /> #arrows-svg {<br /> position: absolute; top: 0; left: 0; width: 100%; height: 100%;<br /> z-index: 1; pointer-events: none;<br /> }<br /> </style><br /> </head><br /> <body><br /> <br /> <h2>Структурно-логічна схема ОПП ГТБВІВТ (Навчальний план 2026)</h2><br /> <div class="subtitle">Всі 8 семестрів на екрані. Кредити внизу рахуються автоматично при перетягуванні!</div><br /> <br /> <div class="matrix-wrapper"><br /> <svg id="arrows-svg"><br /> <defs><br /> <marker id="arrow" viewBox="0 0 10 10" refX="6" refY="5" markerWidth="5" markerHeight="5" orient="auto-start-reverse"><br /> <path d="M 0 1.5 L 7 5 L 0 8.5 z" fill="#64748b"/><br /> </marker><br /> </defs><br /> </svg><br /> <br /> <div class="matrix"><br /> <br /> <div class="column" id="sem-1"><br /> <div class="header">Сем. 1</div><br /> <div class="block blue" draggable="true" id="b2" data-credits="3"><span class="code">ОК2</span>Іноземна мова<span class="credits">3 кр.</span></div><br /> <div class="block blue" draggable="true" id="b1" data-credits="4"><span class="code">ОК3</span>Українська державність і культура<span class="credits">4 кр.</span></div><br /> <div class="block blue" draggable="true" id="b3" data-credits="3"><span class="code">ОК4</span>Основи цифрових технологій<span class="credits">3 кр.</span></div><br /> <div class="block blue" draggable="true" id="chem" data-credits="3"><span class="code">ОК6</span>Хімія<span class="credits">3 кр.</span></div><br /> <div class="block blue" draggable="true" id="math1" data-credits="5"><span class="code">ОК7</span>Вища математика<span class="credits">5 кр.</span></div><br /> <div class="block blue" draggable="true" id="b6" data-credits="3"><span class="code">ОК11</span>Метрологія і стандартизація<span class="credits">3 кр.</span></div><br /> <div class="block blue" draggable="true" id="b7" data-credits="3"><span class="code">ОК12</span>Інженерна графіка<span class="credits">3 кр.</span></div><br /> <div class="block green" draggable="true" id="geom" data-credits="4"><span class="code">ОК21</span>Інженерна геодезія та геоінформатика<span class="credits">4 кр.</span></div><br /> <br /> <div class="elective-section"><br /> <div class="elective-header">Вибіркові компоненти</div><br /> <div class="elective-empty">Не передбачено</div><br /> </div><br /> <br /> <div class="semester-summary">Всього: <span class="sem-total">0</span> кр.</div><br /> </div><br /> <br /> <br /> <div class="column" id="sem-2"><br /> <div class="header">Сем. 2</div><br /> <div class="block blue" draggable="true" id="b10" data-credits="3"><span class="code">ОК2</span>Іноземна мова (прод.)<span class="credits">3 кр.</span></div><br /> <div class="block blue" draggable="true" id="b9" data-credits="3"><span class="code">ОК1</span>Українська мова (за проф.)<span class="credits">3 кр.</span></div><br /> <div class="block blue" draggable="true" id="b11" data-credits="3"><span class="code">ОК5</span>Екологія<span class="credits">3 кр.</span></div><br /> <div class="block blue" draggable="true" id="phys" data-credits="3"><span class="code">ОК8</span>Физика<span class="credits">3 кр.</span></div><br /> <div class="block blue" draggable="true" id="mech1" data-credits="5"><span class="code">ОК9</span>Теоретична механіка<span class="credits">5 кр.</span></div><br /> <div class="block blue" draggable="true" id="hydr1" data-credits="4"><span class="code">ОК16</span>Гідравліка<span class="credits">4 кр.</span></div><br /> <div class="block blue" draggable="true" id="b_opn" data-credits="5"><span class="code">ОК20</span>Основи національного спротиву<span class="credits">5 кр.</span></div><br /> <div class="block gray" draggable="true" id="b16" data-credits="6"><span class="code">ОК22</span>Навчальна практика з геодезії<span class="credits">6 кр.</span></div><br /> <br /> <div class="elective-section"><br /> <div class="elective-header">Вибіркові компоненти</div><br /> <div class="elective-empty">Не передбачено</div><br /> </div><br /> <br /> <div class="semester-summary">Всього: <span class="sem-total">0</span> кр.</div><br /> </div><br /> <br /> <br /> <div class="column" id="sem-3"><br /> <div class="header">Сем. 3</div><br /> <div class="block blue" draggable="true" id="b18" data-credits="3"><span class="code">ОК2</span>Іноземна мова (прод.)<span class="credits">3 кр.</span></div><br /> <div class="block blue" draggable="true" id="geology" data-credits="3.5"><span class="code">ОК14</span>Інженерна геологія та гідрогеологія<span class="credits">3.5 кр.</span></div><br /> <div class="block green" draggable="true" id="b20" data-credits="4"><span class="code">ОК24</span>Механіка ґрунтів та фундаменти<span class="credits">4 кр.</span></div><br /> <div class="block green" draggable="true" id="b21" data-credits="4"><span class="code">ОК25</span>Основи раціонального природокористування та природообл...<span class="credits">4 кр.</span></div><br /> <div class="block green" draggable="true" id="materials" data-credits="3"><span class="code">ОК23</span>Будівельне матеріалознавство<span class="credits">3 кр.</span></div><br /> <div class="block blue" draggable="true" id="hydr2" data-credits="5"><span class="code">ОК16</span>Гідравліка (продовження)<span class="credits">5 кр.</span></div><br /> <br /> <div class="elective-section"><br /> <div class="elective-header">Вибіркові компоненти</div><br /> <div class="elective-empty">Не передбачено</div><br /> <div class="block yellow" draggable="true" id="spkv2" data-credits="3"><span class="code">СпКВ2</span>Спецкурс за вибором<span class="credits">3 кр.</span></div><br /> <div class="block orange" draggable="true" id="b23" data-credits="6"><span class="code">МД</span>Мейджор<span class="credits">6 кр.</span></div><br /> </div><br /> <br /> <div class="semester-summary">Всього: <span class="sem-total">0</span> кр.</div><br /> </div><br /> <br /> <br /> <div class="column" id="sem-4"><br /> <div class="header">Сем. 4</div><br /> <div class="block blue" draggable="true" id="b26" data-credits="3"><span class="code">ОК2</span>Іноземна мова (завершення)<span class="credits">3 кр.</span></div><br /> <div class="block blue" draggable="true" id="b17" data-credits="3"><span class="code">ОК13</span>Використання та охорона водних ресурсів<span class="credits">3 кр.</span></div><br /> <div class="block blue" draggable="true" id="sopromat" data-credits="4.5"><span class="code">ОК17</span>Опір матеріалів та буд. механіка<span class="credits">4.5 кр.</span></div><br /> <div class="block gray" draggable="true" id="b27" data-credits="3"><span class="code">ОК27</span>Навчальна практика за ОП<span class="credits">3 кр.</span></div><br /> <div class="block green" draggable="true" id="b28" data-credits="3"><span class="code">ОК28</span>Виробнича база будівництва<span class="credits">3 кр.</span></div><br /> <div class="block green" draggable="true" id="b30" data-credits="3"><span class="code">ОК37</span>Економіка будівництва<span class="credits">3 кр.</span></div><br /> <br /> <div class="elective-section"><br /> <div class="elective-header">Вибіркові компоненти</div><br /> <div class="elective-empty">Не передбачено</div><br /> <div class="block yellow" draggable="true" id="b24" data-credits="3"><span class="code">СпКВ1</span>Спецкурс за вибором<span class="credits">3 кр.</span></div><br /> <div class="block orange" draggable="true" id="b31" data-credits="6"><span class="code">МД</span>Мейджор<span class="credits">6 кр.</span></div><br /> </div><br /> <br /> <div class="semester-summary">Всього: <span class="sem-total">0</span> кр.</div><br /> </div><br /> <br /> <br /> <div class="column" id="sem-5"><br /> <div class="header">Сем. 5</div><br /> <div class="block blue" draggable="true" id="b33" data-credits="5"><span class="code">ОК18</span>Інженерна гідрологія та регулювання стоку<span class="credits">5 кр.</span></div><br /> <div class="block green" draggable="true" id="b34" data-credits="4.5"><span class="code">ОК26</span>Насоси та насосні станції<span class="credits">4.5 кр.</span></div><br /> <div class="block green" draggable="true" id="struct" data-credits="4"><span class="code">ОК29</span>Будівельні конструкції<span class="credits">4 кр.</span></div><br /> <br /> <div class="elective-section"><br /> <div class="elective-header">Вибіркові компоненти</div><br /> <div class="elective-empty">Не передбачено</div><br /> <div class="block orange" draggable="true" id="b36" data-credits="6"><span class="code">МД</span>Мейджор<span class="credits">6 кр.</span></div><br /> <div class="block purple" draggable="true" id="b_mn1" data-credits="6"><span class="code">МН</span>Майнор<span class="credits">6 кр.</span></div><br /> </div><br /> <br /> <div class="semester-summary">Всього: <span class="sem-total">0</span> кр.</div><br /> </div><br /> <br /> <br /> <div class="column" id="sem-6"><br /> <div class="header">Сем. 6</div><br /> <div class="block blue" draggable="true" id="b39" data-credits="3"><span class="code">ОК15</span>Філософія<span class="credits">3 кр.</span></div><br /> <div class="block green" draggable="true" id="hydro_str1" data-credits="6"><span class="code">ОК30</span>Гідротехнічні споруди<span class="credits">6 кр.</span></div><br /> <div class="block green" draggable="true" id="org1" data-credits="4"><span class="code">ОК31</span>Організація і технологія буд. робіт<span class="credits">4 кр.</span></div><br /> <div class="block green" draggable="true" id="hydro_inf" data-credits="3.5"><span class="code">ОК36</span>Гідроінформатика<span class="credits">3.5 кр.</span></div> <br /> <div class="block gray" draggable="true" id="b38" data-credits="3"><span class="code">ОК19</span>Навчальна практика з гідрології<span class="credits">3 кр.</span></div><br /> <div class="block gray" draggable="true" id="b43" data-credits="3"><span class="code">ОК38</span>Виробнича практика<span class="credits">3 кр.</span></div><br /> <br /> <div class="elective-section"><br /> <div class="elective-header">Вибіркові компоненти</div><br /> <div class="elective-empty">Не передбачено</div><br /> <div class="block orange" draggable="true" id="b44" data-credits="6"><span class="code">МД</span>Мейджор<span class="credits">6 кр.</span></div><br /> <div class="block purple" draggable="true" id="b_mn2" data-credits="6"><span class="code">МН</span>Майнор<span class="credits">6 кр.</span></div><br /> </div><br /> <br /> <div class="semester-summary">Всього: <span class="sem-total">0</span> кр.</div><br /> </div><br /> <br /> <br /> <div class="column" id="sem-7"><br /> <div class="header">Сем. 7</div><br /> <div class="block green" draggable="true" id="b46" data-credits="5"><span class="code">ОК32</span>Водна інженерія та водні технології<span class="credits">5 кр.</span></div><br /> <div class="block green" draggable="true" id="hydro_str2" data-credits="4"><span class="code">ОК30</span>Гідротехнічні споруди (прод.)<span class="credits">4 кр.</span></div><br /> <div class="block green" draggable="true" id="b47" data-credits="3"><span class="code">ОК33</span>Основи техн. експлуатації споруд<span class="credits">3 кр.</span></div><br /> <br /> <div class="elective-section"><br /> <div class="elective-header">Вибіркові компоненти</div><br /> <div class="elective-empty">Не передбачено</div><br /> <div class="block orange" draggable="true" id="b49" data-credits="12"><span class="code">МД</span>Мейджор<span class="credits">12 кр.</span></div><br /> <div class="block purple" draggable="true" id="b_mn3" data-credits="6"><span class="code">МН</span>Майнор<span class="credits">6 кр.</span></div><br /> </div><br /> <br /> <div class="semester-summary">Всього: <span class="sem-total">0</span> кр.</div><br /> </div><br /> <br /> <br /> <div class="column" id="sem-8"><br /> <div class="header">Сем. 8</div><br /> <div class="block green" draggable="true" id="b51" data-credits="4"><span class="code">ОК32</span>Водна інженерія та технології (прод.)<span class="credits">4 кр.</span></div><br /> <div class="block green" draggable="true" id="org_hydro" data-credits="3"><span class="code">ОК33</span>Основи техн. експлуатації (прод.)<span class="credits">3 кр.</span></div><br /> <div class="block blue" draggable="true" id="b53" data-credits="3"><span class="code">ОК10</span>Охорона праці в галузі<span class="credits">3 кр.</span></div><br /> <div class="block green" draggable="true" id="b54" data-credits="5"><span class="code">ОК34</span>Організація гідротехн. будівництва<span class="credits">5 кр.</span></div><br /> <div class="block green" draggable="true" id="b55" data-credits="3"><span class="code">ОК35</span>Кошторисна вартість будівництва<span class="credits">3 кр.</span></div><br /> <div class="block gray" draggable="true" id="b56" data-credits="3"><span class="code">ОК39</span>Переддипломна практика<span class="credits">3 кр.</span></div><br /> <div class="block pink" draggable="true" id="diploma" data-credits="9"><span class="code">ОК40</span>Кваліфікаційна бакалаврська робота<span class="credits">9 кр.</span></div><br /> <br /> <div class="elective-section"><br /> <div class="elective-header">Вибіркові компоненти</div><br /> <div class="elective-empty">Не передбачено</div><br /> </div><br /> <br /> <div class="semester-summary">Всього: <span class="sem-total">0</span> кр.</div><br /> </div><br /> </div><br /> </div><br /> <br /> <script><br /> const connections = [<br /> { src: 'math1', dst: 'phys' },<br /> { src: 'math1', dst: 'mech1' },<br /> { src: 'mech1', dst: 'sopromat' },<br /> { src: 'chem', dst: 'materials' },<br /> { src: 'geom', dst: 'b16' },<br /> { src: 'hydr1', dst: 'hydr2' },<br /> { src: 'hydr2', dst: 'hydro_inf' },<br /> { src: 'sopromat', dst: 'struct' },<br /> { src: 'hydro_inf', dst: 'hydro_str1' },<br /> { src: 'hydro_str1', dst: 'hydro_str2' },<br /> { src: 'org1', dst: 'b54' },<br /> { src: 'b54', dst: 'diploma' }<br /> ];<br /> <br /> function drawConnections() {<br /> const svg = document.getElementById('arrows-svg');<br /> svg.querySelectorAll('path').forEach(p => p.remove());<br /> <br /> const wrapperRect = document.querySelector('.matrix-wrapper').getBoundingClientRect();<br /> <br /> connections.forEach(conn => {<br /> const srcEl = document.getElementById(conn.src);<br /> const dstEl = document.getElementById(conn.dst);<br /> <br /> if (srcEl && dstEl) {<br /> const srcRect = srcEl.getBoundingClientRect();<br /> const dstRect = dstEl.getBoundingClientRect();<br /> <br /> const x_start = srcRect.right - wrapperRect.left;<br /> const y_start = srcRect.top + srcRect.height / 2 - wrapperRect.top;<br /> <br /> const x_end = dstRect.left - wrapperRect.left;<br /> const y_end = dstRect.top + dstRect.height / 2 - wrapperRect.top;<br /> <br /> const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');<br /> let dStr = '';<br /> <br /> if (x_end > x_start) {<br /> const x_mid = x_start + (x_end - x_start) / 2;<br /> dStr = `M ${x_start},${y_start} L ${x_mid},${y_start} L ${x_mid},${y_end} L ${x_end},${y_end}`;<br /> } else {<br /> const x_mid = x_start + 8;<br /> dStr = `M ${x_start},${y_start} L ${x_mid},${y_start} L ${x_mid},${y_end + 25} L ${x_end - 8},${y_end + 25} L ${x_end - 8},${y_end} L ${x_end},${y_end}`;<br /> }<br /> <br /> path.setAttribute('d', dStr);<br /> path.setAttribute('fill', 'none');<br /> path.setAttribute('stroke', '#64748b');<br /> path.setAttribute('stroke-width', '1.2');<br /> path.setAttribute('marker-end', 'url(#arrow)');<br /> svg.appendChild(path);<br /> }<br /> });<br /> }<br /> <br /> // ДИНАМІЧНИЙ ПІДРАХУНОК КРЕДИТІВ СЕМЕСТРУ ТА ПЕРЕМИКАННЯ НАПИСУ "НЕ ПЕРЕДБАЧЕНО"<br /> function calculateCredits() {<br /> document.querySelectorAll('.column').forEach(column => {<br /> let total = 0;<br /> column.querySelectorAll('.block').forEach(block => {<br /> total += parseFloat(block.getAttribute('data-credits') || 0);<br /> });<br /> column.querySelector('.sem-total').innerText = total;<br /> <br /> // Керування написом у порожній зоні вибіркових курсів<br /> const electiveSec = column.querySelector('.elective-section');<br /> if (electiveSec) {<br /> const emptyMsg = electiveSec.querySelector('.elective-empty');<br /> if (emptyMsg) {<br /> const hasBlocks = electiveSec.querySelectorAll('.block').length > 0;<br /> emptyMsg.style.display = hasBlocks ? 'none' : 'block';<br /> }<br /> }<br /> });<br /> }<br /> <br /> const columns = document.querySelectorAll('.column');<br /> <br /> document.querySelectorAll('.block').forEach(block => {<br /> block.addEventListener('dragstart', () => block.classList.add('dragging'));<br /> block.addEventListener('dragend', () => {<br /> block.classList.remove('dragging');<br /> drawConnections();<br /> calculateCredits();<br /> });<br /> });<br /> <br /> columns.forEach(column => {<br /> column.addEventListener('dragover', (e) => {<br /> e.preventDefault();<br /> column.classList.add('drag-over');<br /> <br /> const draggingBlock = document.querySelector('.dragging');<br /> if (!draggingBlock) return;<br /> <br /> const afterElement = getDragAfterElement(column, e.clientY);<br /> const electiveSec = column.querySelector('.elective-section');<br /> <br /> if (afterElement) {<br /> // Якщо курсор знаходиться над обов'язковою зоною, але після неї є елементи вибіркової<br /> if (electiveSec && electiveSec.contains(afterElement) && e.clientY < electiveSec.getBoundingClientRect().top) {<br /> column.insertBefore(draggingBlock, electiveSec);<br /> } else {<br /> afterElement.parentNode.insertBefore(draggingBlock, afterElement);<br /> }<br /> } else {<br /> if (electiveSec && e.clientY >= electiveSec.getBoundingClientRect().top) {<br /> electiveSec.appendChild(draggingBlock);<br /> } else if (electiveSec) {<br /> column.insertBefore(draggingBlock, electiveSec);<br /> } else {<br /> column.insertBefore(draggingBlock, column.querySelector('.semester-summary'));<br /> }<br /> }<br /> drawConnections();<br /> });<br /> <br /> column.addEventListener('dragleave', () => column.classList.remove('drag-over'));<br /> column.addEventListener('drop', () => {<br /> column.classList.remove('drag-over');<br /> drawConnections();<br /> calculateCredits();<br /> });<br /> });<br /> <br /> function getDragAfterElement(column, y) {<br /> const draggableElements = [...column.querySelectorAll('.block:not(.dragging)')];<br /> return draggableElements.reduce((closest, child) => {<br /> const box = child.getBoundingClientRect();<br /> const offset = y - box.top - box.height / 2;<br /> if (offset < 0 && offset > closest.offset) {<br /> return { offset: offset, element: child };<br /> } else {<br /> return closest;<br /> }<br /> }, { offset: Number.NEGATIVE_INFINITY }).element;<br /> }<br /> <br /> window.addEventListener('load', () => {<br /> setTimeout(() => {<br /> drawConnections();<br /> calculateCredits();<br /> }, 300);<br /> });<br /> window.addEventListener('resize', () => {<br /> drawConnections();<br /> });<br /> </script><br /> </body><br /> </html></div> </article> </main></body></html>

← Попередня версія		Версія за 19:38, 18 вересня 2026
Рядок 1:		Рядок 1:
	~~<!DOCTYPE html>~~
	~~<html lang="uk">~~
	~~<head>~~
	~~<meta charset="UTF-8">~~
	~~<title>Конструктор ОПП з автоматичним підрахунком кредитів</title>~~
	<style>		<style>
	body {		body {
Рядок 444:		Рядок 440:
	});		});
	</script>		</script>
	~~</body>~~
	~~</html>~~

Структурно-логічна схема ОПП ГТБВІВТ (Навчальний план 2026) - Історія редагувань

S.V.Klimov в 19:38, 18 вересня 2026